我的任务是为我们的HTML简报创建一个干净的模板,流通给大约7万名订阅者。正如所料,他们希望尽可能多的电子邮件客户端保持一致,因此我遵循广泛建议的HTML电子邮件实践并使用嵌套表和内联样式。
我正在尝试为显示图片的每个bgcolor
设置一个<td>
- 原因是如果有人关闭了他们的电子邮件客户端上的图片,他们仍然会能够看到表格细胞的形状(并且它们的体验仍然有点可见),但是我很难将bgcolor保持在细胞内,它似乎渗入细胞之间的空间。这是一个例子:
<tr>
<td width="200" height="200" bgcolor="#CCCCCC">
<img src="image.png" height="200" width="200" alt="Image!">
</td>
</tr>
从这段代码中,当图像可见时因为它们都是200x200而不是背景在图像下不可见,我看到大约10px的灰色向下推入图像的底部和右侧并侵入图像细胞周围的白色空间。发生了什么,我该如何解决这个问题?
编辑:这是它正在做的事情的图像:
答案 0 :(得分:1)
您是否在表格标记上设置了cellpadding
和cellspacing
属性?
答案 1 :(得分:1)
您是否将表格的css样式设置为边框折叠?像这样:
<table style="border-collapse: collapse;">
如果没有效果,并且图像上没有边距,您是否尝试将填充设置为0?