电子邮件客户端在TD下方添加一些额外像素和背景图像

Question

我在Gmail和Outlook中制作时事通讯时遇到问题。

我有一张包含背景图像的TD表：

<tr>
    <td width="401" height="99" background="http://www.domain.com/bg_left.jpg"></td>
    <td width="149" height="99" background="http://www.domain.com/bg_right.jpg"></td>
</tr>

我还尝试通过this method添加背景图片。 但是，通过这两种方式，我在Gmail和Outlook中都有以下行为。

在两个示例中，都添加了一些额外的填充，其中重复图像。 有人熟悉这个问题吗？我自己找不到任何关于此的事情。

谢天谢地。

Answer 1

对于Gmail，您可以通过将display属性更改为block来删除图片底部的边距。

不幸的是，Outlook.com似乎不允许您设置图片的display属性，但是如果您添加div（默认情况下为block）与img，as described here具有相同的高度，您将获得相同的结果。

Answer 2

您需要使用VML在Outlook中的表格上显示背景图像。 Here is a tool in Campaign Monitor正是为了做到这一点。

首先，确认您的表格单元格height=""与您的图片相同。假设它是，原因可能是你的内容扩展表高度超过指定的高度。 Gmail习惯于延长文本行高，因此如果您的子标题下方有 ，则可能是原因。删除它，它应该修复它。

如果这不起作用，请张贴整个表格，我会再看看。