HTML電子郵件通訊 - 間距在Outlook 2007/2010

Question

我編碼一個HTML電子郵件通訊，我在Outlook 2007中變得很怪異的間距問題，我的表和2010

我的代碼在所有其他工作正常客戶是在這裏：

<table width="575" align="center" border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td bgcolor="#0054a4" style="padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:20px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px"><a href="http://www.lgfhfghfhfhfghf" target="_blank" style="font-family:Myriad Pro, Verdana, Georgia; font-size:30px; line-height: 34px; font-style:normal; color:#ffffff; text-decoration:none;"><center> 
     <span style="font-weight:bold;">register</span> for <span style="font-style:lighter;color:#fce000;">mkk</span><span style="color:#fce000; font-weight:bold;"> 56565464646 </span><span style="font-weight:normal; text-decoration:underline;">click here</span></strong> 
</center></a></td></tr> 



    <tr> 
    <td bgcolor="#fce000" style="padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:15px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px"><a href="http://www.fgdfgdg"" target="_blank" style="font-family:Myriad Pro, Verdana, Georgia; font-size:30px; line-height: 30px; font-style:normal; color:#ffffff; text-decoration:none;"><center> 
     <span style="font-style:lighter;color:#0054a4;">lll</span><span style="color:#0054a4; font-weight:bold;"> ffgfgf </span><span style="font-weight:normal; color:#000000; text-decoration:none;">is proudly sponsored by</span></strong> 
    </center></a></td> 
    </tr> 
    <tr> 
     <td bgcolor="#0054a4" style="padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px"><a href="http://www.gdfgdfgdf" target="_blank"><img name="fgdgfg" src="http://fgfdgdgdg" width="575" height="76" style="font-size:20px; color:#fce000;" alt="fgfdgdfgdfg" border="0"/></a></td> 
    </tr> 
     </table> 

    <table bgcolor="#0055a5" align="center" width="575" border="0" cellspacing="0" cellpadding="10"> 
         <tr> 
         <td align="left" bgcolor="#0055a5" valign="top"><img src="http://www.fdgfdgdfgdfgdf.png" height="50" width="50" alt="gggggg" align="top" border="no" style="margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px;padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px;" /></td> 



         <td align="right" bgcolor="#0055a5" valign="top" style="margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:30px;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:20px;color:#fce000;" ><span style="font-weight:bold;color:##fce000;" >gfrtryrtytryrtyrty</span><br /> 
          rtrtrtrtertretertetertertertertertertertetert <font style="text-decoration:none;">tertetertetetet</font> 
          <a href=mailto:fgdfgdfgdgdfgfdstyle="color:#fce000; text-decoration:none;" >rtdfgdfgdfgdfg</a>/<a href="http://www.fgdfgdfgdgdgdf" target="_blank" style="color:#fce000;text-decoration:none;">www.fgfgdfgfgd/expo</a><br /> 

         <strong> To unsubscribe from this newsletter </strong><a href="http://$UNSUB$" style="color:#fce000; font-weight: bold; text-decoration: underline" >click here</a> 

          </td> 
         </tr> 
         </table> 

screen shot of weird outlook spacing here

screenshot of working email

如果有人可以幫助請不要爲我逼瘋了！

Answer 1

不要將<center>標記包裝在<a>標記中...... Outlook使用MS Word呈現HTML（上帝知道爲什麼），因此它對如何構建標記有很多限制。只要將鏈接<center>標籤內的它應該工作正常（我測試了這一點）：

<table width="575" align="center" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td bgcolor="#0054a4" style="padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:20px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px"><center> 
     <a href="http://www.lgfhfghfhfhfghf" target="_blank" style="font-family:Myriad Pro, Verdana, Georgia; font-size:30px; line-height: 34px; font-style:normal; color:#ffffff; text-decoration:none;"> <span style="font-weight:bold;">register</span> for <span style="font-style:lighter;color:#fce000;">mkk</span><span style="color:#fce000; font-weight:bold;"> 56565464646 </span><span style="font-weight:normal; text-decoration:underline;">click here</span></strong></a> 
     </center></td> 
    </tr> 
    <tr> 
    <td bgcolor="#fce000" style="padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:15px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px"><a href="http://www.fgdfgdg"" target="_blank" style="font-family:Myriad Pro, Verdana, Georgia; font-size:30px; line-height: 30px; font-style:normal; color:#ffffff; text-decoration:none;"> 
     <center> 
     <span style="font-style:lighter;color:#0054a4;">lll</span><span style="color:#0054a4; font-weight:bold;"> ffgfgf </span><span style="font-weight:normal; color:#000000; text-decoration:none;">is proudly sponsored by</span></strong> 
     </center> 
     </a></td> 
    </tr> 
    <tr> 
    <td bgcolor="#0054a4" style="padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px"><a href="http://www.gdfgdfgdf" target="_blank"><img name="fgdgfg" src="http://fgfdgdgdg" width="575" height="76" style="font-size:20px; color:#fce000;" alt="fgfdgdfgdfg" border="0"/></a></td> 
    </tr> 
</table> 
<table bgcolor="#0055a5" align="center" width="575" border="0" cellspacing="0" cellpadding="10"> 
    <tr> 
    <td align="left" bgcolor="#0055a5" valign="top"><img src="http://www.fdgfdgdfgdfgdf.png" height="50" width="50" alt="gggggg" align="top" border="no" style="margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px;padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px;" /></td> 
    <td align="right" bgcolor="#0055a5" valign="top" style="margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:30px;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:20px;color:#fce000;" ><span style="font-weight:bold;color:##fce000;" >gfrtryrtytryrtyrty</span><br /> 
     rtrtrtrtertretertetertertertertertertertetert <font style="text-decoration:none;">tertetertetetet</font> <a href=mailto:fgdfgdfgdgdfgfdstyle="color:#fce000; text-decoration:none;" >rtdfgdfgdfgdfg</a>/<a href="http://www.fgdfgdfgdgdgdf" target="_blank" style="color:#fce000;text-decoration:none;">www.fgfgdfgfgd/expo</a><br /> 
     <strong> To unsubscribe from this newsletter </strong><a href="http://$UNSUB$" style="color:#fce000; font-weight: bold; text-decoration: underline" >click here</a></td> 
    </tr> 
</table> 

Answer 2

這裏有怪癖的一個有用的列表在Outlook 2007年，2010年和2013年它是如何顯示HTML郵件： http://www.emailonacid.com/blog/details/C13/tips_and_tricks_outlook_07-13#outlook07-13_tip16

該頁面包含這個技巧，這與在編寫了路表適合：使用「保證金」或在您的表標籤「填充」的CSS屬性

避免。 CELLPADDING和CELLSPACING屬性一般是安全的，但利潤率 或填充往往會被添加到表中的每一個TD。

希望幫助到它的底部。