将bgcolor保持在定义的高度/宽度范围内

时间:2012-09-17 21:00:12

标签: html css html-table

我的任务是为我们的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的灰色向下推入图像的底部和右侧并侵入图像细胞周围的白色空间。发生了什么,我该如何解决这个问题?

编辑:这是它正在做的事情的图像:

http://i48.tinypic.com/jkwphe.jpg

2 个答案:

答案 0 :(得分:1)

您是否在表格标记上设置了cellpaddingcellspacing属性?

http://www.w3schools.com/tags/att_table_cellspacing.asp

答案 1 :(得分:1)

您是否将表格的css样式设置为边框折叠?像这样:

<table style="border-collapse: collapse;">

如果没有效果,并且图像上没有边距,您是否尝试将填充设置为0?