2011-11-04 91 views
7

我为电子邮件营销创建了一个HTML。我摆放了一张桌子,并应用它周围的边框:表格样式border-outlook 2010增加了额外的空间

<table border="0" cellspacing="0" cellpadding="0" style="border:1px solid #982676; margin:0 16px;"> 

出于某种原因,我得到的内部1个像素的额外空白,当我测试它在2010年OUTLOOK我看到它周围被放置在顶部的图像和左边,我看到它具有坚实的背景颜色的其他细胞。

在此链接见图像:screenshot

顶三角形是在本身的细胞的图像。底部矩形是具有背景色的单元格。这些是设想坚持边界。这是一个反复出现的问题。有没有人遇到过这个问题?

回答

1

我发现这个在这里: http://www.emailonacid.com/blog/details/C13/7_tips_and_tricks_regarding_margins_and_padding_in_html_emails

“表元素边距和填充在Outlook 2007和2010年可能会引发问题

如果添加保证金或padding属性到表元素,这将增加同边距和填充到Outlook 2007和2010中的每个嵌套TD。Cellpadding和cellspacing属性是安全的,但最好避免包含TABLE元素中的CSS边距和填充。

所以我想你桌上的边缘可能会导致这一点。我不知道。

+1

非常感谢您的回答。我做了另一项测试,其中没有填充或边距,问题坚持下来,所以我感觉有点失落。如果有人有另一个建议,我很乐意听到它。谢谢! – pitzki

0

如果你还没有找到一个解决这个问题尚未:

确保您设置border="0"为表细胞内的这些图像。

9

Campaign monitor对于如何解决这类问题有着非常好的解决方案。只需将此款式代码添加到您的表格元素中即可。下面的代码上的Outlook 2010解决我的问题(同OP)

<table align="left" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"> ... </table>

http://www.campaignmonitor.com/blog/post/3694/removing-spacing-from-around-tables-in-outlook-2007-and-2010

如果还是不行,请尝试以下。 http://www.emailonacid.com/blog/details/C13/removing_unwanted_spacing_or_gaps_between_tables_in_outlook_2007_2010

0

添加border-collapse:collapse;到桌子的样式。

0

对于1和3像素宽度的边界,右边框的后面有1像素空间。这(奇怪...)这类问题的一个解决方案是一个“鬼表”当前的桌子后面,与当前表格的宽度减去1和1 边界例如:

<!--[if mso]><table border="1" width="699"> 
<tr style="display:none;"><td>&nbsp;</td></tr> 
</table><![endif]--> 

更多细节:https://responsive.email/blog/s/1025987_Extra-space-behind-border-in-Outlook.html

好运...

0

我解决了这个问题进入表的属性部分,然后在“选项”点击。一旦出现选项框,将默认单元格边距左右改为0“然后单击确定。