Question

我正在创建一个用于Pardot的电子邮件模板。我已经将电子邮件编码了。它在OSX Mail，Outlook 07 +，Opera Mail中运行良好，但GMail是一个真正的痛苦。它在我的表中为tr或td添加一些奇怪的高度或其他东西。

有什么建议吗？

<table border="0" cellpadding="0" cellspacing="0" width="228">
    <tbody>
        <tr valign="bottom">
            <td valign="bottom"><span pardot-region=""><img src="widget_top.jpg" alt="Placeholder"></span></td>
        </tr>
        <tr bgcolor="#ffd13f">
            <td style="padding: 10px;">
                <h2><span pardot-region="">Subheading span across one or two lines for best practice:</span></h2>
                <span pardot-region=""><p><b>Date:</b> Thursday 29 November</p>
                <p><b>Time:</b> 1.30pm (GMT)</p>
                <p><b>Where:</b> <a href="http://google.com" style="font-family: Arial; font-weight: normal; text-decoration: underline; font-size: 12px; line-height: 16px; padding-top: 0px; padding-bottom: 5px; color: #F05A00; margin: 0;">Register online &gt;</a></p>                                                                
                <p><b>Topic:</b> Dynamic performance management</p>
                <p><b>Presenters:</b> Octavius Black, CEO and Sebastian Bailey, President</p></span>
            </td>
        </tr>
        <tr valign="top">
            <td valign="top"><span pardot-region=""><img src="widget_bottom.jpg" alt="Placeholder"></span></td>
        </tr>
    </tbody>
</table>

（此表位于一组测试表中）。

屏幕截图可在此处找到：http://i45.tinypic.com/15wzda9.png

干杯：）

Answer 1

在你必须放置的图像上（内联）

style="display:block;"

：）

Answer 2

绝对需要

display:block;。您可能应该将所有img标记中的所有内容清零，并设置宽度和高度。

<img style="margin: 0; border: 0; padding: 0; display: block;" src="" width="600" height="150" alt="">

此外，您不需要表格单元格内的跨度。如果你想保留它们，请确保它们的边距和填充也为零。

使用GMail在线客户端在表格中出现问题

2 个答案: