0

我正在创建要在 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

干杯:)

4

2 回答 2

1

display:block; is definitely needed. You probably should zero out everything in all img tags, and set width and heights also.

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

Also, you don't need the spans inside the table cells. If you want to keep them, make sure they have margin and padding zero'd out there too.

于 2013-02-08T15:50:16.087 回答
1

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

style="display:block;"

:)

于 2013-02-08T14:04:25.457 回答