2

我尝试使用 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>

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

4

5 回答 5

4

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

尝试这样的事情：

<td><img alt="" style="display: block;" src="http://www.sfbeautyskin.com/uploads/image/Newsletter/Newsletter.jpg" style="width: 950px; height: 1187px;" /></td>
于 2012-12-06T06:53:10.643 回答
1

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

<td style="line-height:0"><img ... /></td>
于 2012-12-06T06:53:45.830 回答
0

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

margin: -5px 0;
于 2012-12-06T07:04:14.100 回答
0

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

或者只是一起删除你的表。他们似乎没有任何目的。

于 2012-12-06T06:51:15.867 回答
0

现在定义你的 img标签vertical-align:top 

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

演示

--------

于 2012-12-06T06:52:49.420 回答