从表中删除cellpadding，cellspacing和border

Question

我尝试使用oscommerce平台发送简单的简报，内容是简单的表格，图片很少。在我发送预览之前看起来不错（没有cellspacing或cellpadding）

预览：

但在我收到并使用gmail打开后：

你可以看到表格不同;我指的是白色边框。

以下是生成简报的表格和内容的代码。

<table border="0" cellspacing="0" cellpadding="0">
   <tbody>
      <tr>
         <td><img alt="" src="http://www.sfbeautyskin.com/uploads/image/Newsletter/Newsletter.jpg" style="width: 950px; height: 1187px;" /></td>
      </tr>
      <tr>
         <td><a href="http://www.sfbeautyskin.com/images//banners/Promotion_Dec_Xmas.jpg"><img alt="" src="http://www.sfbeautyskin.com/uploads/image/Newsletter2.jpg" style="width: 950px; height: 114px;" /></a></td>
      </tr>
      <tr>
         <td><a href="http://www.sfbeautyskin.com/index.php"><img alt="" src="http://www.sfbeautyskin.com/uploads/image/Newsletter3.jpg" style="width: 950px; height: 158px;" /></a></td>
      </tr>
      <tr>
         <td><a href="http://www.sfbeautyskin.com/contact_us.php"><img alt="" src="http://www.sfbeautyskin.com/uploads/image/Newsletter4.jpg" style="width: 950px; height: 440px;" /></a></td>
      </tr>
   </tbody>
</table>

问题是如何完全删除边界属性。

Answer 1

我之前遇到过类似的电子邮件问题。如果我没记错的话，我通过在td中使用display: block制作图像（或尝试'a'标签）来修复它。

尝试这样的事情：

<td><img alt="" style="display: block;" src="http://www.sfbeautyskin.com/uploads/image/Newsletter/Newsletter.jpg" style="width: 950px; height: 1187px;" /></td>

Answer 2

在每个tr，td和img元素上添加style="margin:0;padding:0;"

或者只是一起删除你的桌子。它们似乎毫无用处。

Answer 3

为每个td添加style="line-height:0"

<td style="line-height:0"><img ... /></td>

Answer 4

现在定义 img代码vertical-align:top

<img src="some.jpg" style="vertical-align:top;" />

的 Demo 的

--------

Answer 5

检查小提琴。 http://jsfiddle.net/tuD6L/12/

margin: -5px 0;