Google Mail中的图像差距

时间:2014-01-21 16:49:35

标签: image html-table gmail html-email newsletter

我似乎在让图片与Google Mail的简报中的另一张图片对齐时遇到问题。我认为这是由于锚标记因其定位而增加<td>的高度。我试图为锚标记<tr><td>分配一个高度而没有运气。有人可以帮助建议解决这个问题。该问题的屏幕截图链接如下。

屏幕截图:http://prntscr.com/2lal9x

包含html代码的实时网页:http://www.birchhavenresort.com/newsletter_templates/general.html

1 个答案:

答案 0 :(得分:1)

基于table的{​​{1}}电子邮件模板的一些常规规则:

添加

html

所有图片

不要像这样设置高度和宽度,

style="display:block"

而是使用 <td colspan="3" style="padding:0 35px;width:600px;"> height="40"来设置它。

width="300"

另外,将 <td width="400" height="40"> 添加到所有valign="top"代码中,这会将所有内容垂直对齐到顶部。

此外,某些电子邮件客户端等会删除<td>位,因此您可能需要一些嵌套表。

不要设置padding:0 35px;标签的样式,因为这很可能无效。