HTML电子邮件中的图像问题

Question

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

1. 标题（图片）
2. 日期字段
3. 内容字段
4. 内容库（圆底图像）
5. 页脚顶部（圆顶图像）
6. 页脚
7. 页脚底部（圆底图像）

如您所见，其中四个字段中包含图像。我对表的布局非常严格，使其宽550px，图像本身宽550px，我在桌面上使用边框折叠来消除场边缘的出现。

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

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

下面的图片展示了这种“踩踏”，虽然很小，但在出口到展望时它似乎翻了一倍。图像从“Hydref 2010” -

行开始



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

Answer 1

HTML电子邮件总是有点“fuuuuuuuuuuuuuuuuuuuuuu”，让我感到沮丧。

你采取了正确的方法来使用表格，你遇到的问题是我以前见过的问题，但是对于我的生活，我不记得我是如何修复它的。

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

<td>
    <img>
</td>

到

<td><img></td>

IE和Word对于渲染空白是很糟糕的。

如果失败了，你可以随时拆分你的列，这样你就可以在标题的两侧和主图像上有一个间隔？