HTML 电子邮件中的图像问题

Question

我在构建 HTML 电子邮件时遇到困难。我目前已按以下顺序将整个电子邮件转换为 8 行表：

1. 标头（图像）
2. 日期字段
3. 内容 字段内容
4. 基础（圆角底部图像）
5. 页脚顶部（圆角顶部图像）
6. 页脚
7. 页脚基础（圆角底部图像）

您可以看，其中四个字段中有一个图像。我对表格的布局非常严格，使其宽 550 像素，图像本身宽 550 像素，并且我在表格上使用边框折叠来消除字段边缘的出现。

我遇到的问题是，所有没有图像的字段都会伸出几个额外的像素，当我使用圆形底部和顶部时，这有点破坏了布局。我简直无法理解它为什么这样做。

图像是根据 标签添加的，我认为正在发生的事情是它在字段边缘和图像之间放置了一个间距，并且表格的其余部分取决于最大的宽度将其他宽度推出几个像素。我正在努力寻找解决方案，我尝试了很多不同的方法，例如在图像和表格上减去边距。有人可以为此提供任何解决方案吗？

下图展示了这种“步进”，虽然很小，但在导出到 Outlook 后，它似乎会增加一倍。图像从“Hydref 2010”行上方开始 -

更新：我使用了 cellspacing 和 cellpadding 命令并将它们减少到0 修复了浏览器中的显示，但在 Outlook 中是相同的

Answer 1

HTML 电子邮件总是有点“fuuuuuuuuuuuuuuuuuuuuuuuu”，让我感到泄气。

您已经采取了正确的方法来使用表格，并且您遇到的问题是我以前见过的问题，但我一生都不记得我是如何解决它的。

您是否尝试过将列压缩为一行标记：

<td>
    <img>
</td>

IE 和 Word中的

<td><img></td>

空白对于渲染空格来说非常糟糕。

如果失败，您总是可以拆分列，这样标题两侧就有一个间隔符，主图像上有一个列跨度？