表格样式border-outlook 2010增加了额外的空间

时间:2011-11-04 21:11:27

标签: html-table whitespace html-email outlook-2010

我为电子邮件营销创建了一个HTML。我放了一张桌子,在它周围涂了一个边框:

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

出于某种原因,当我在OUTLOOK 2010中测试时,我在内部获得了1个像素的额外空白区域。我看到它围绕着与顶部和左边对齐的图像,我看到它周围的其他单元格背景颜色。

点击此链接的图片:screenshot

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

6 个答案:

答案 0 :(得分:9)

Campaign监视器在如何解决此类问题方面提供了非常好的解决方案。简单地将此样式代码添加到表格元素中。下面的代码解决了我在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

答案 1 :(得分:1)

我在这里找到了这个: http://www.emailonacid.com/blog/details/C13/7_tips_and_tricks_regarding_margins_and_padding_in_html_emails

&#34; Outlook 2007和2010中的表元素边距和填充可能会导致问题

如果向TABLE元素添加边距或填充属性,它将为Outlook 2007和2010中的每个嵌套TD添加相同的边距和填充.Cellpadding和cellspacing属性是安全的,但最好避免CSS边距和包含在TABLE元素中的填充。&#34;

所以我猜你桌子上的边距可能会造成这种情况。我不确定。

答案 2 :(得分:0)

如果您还没有找到解决此问题的方法:

确保为表格单元格中的图像设置border="0"

答案 3 :(得分:0)

添加边框折叠:折叠;到桌子的风格。

答案 4 :(得分:0)

对于1和3像素宽度的边框,右边框后面有1个像素空间。这种(奇怪的......)问题的一个解决方案是&#34;鬼表&#34;在当前表后面,当前表的宽度减去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

祝你好运......

答案 5 :(得分:0)

我解决了这个问题,进入表格属性部分,然后点击&#34;选项&#34;。出现选项框后,将Left和Right的默认单元格边距更改为0&#34;然后单击“确定”。