HTML电子邮件在Outlook 2013中无法正确显示

时间:2015-05-04 13:57:44

标签: html email outlook

我继承了修复生成HTML电子邮件的一些遗留代码的责任,所以我要问的是,如果代码看起来很糟糕,你会对我很轻松,因为我没有设计它,只是试图找到一个修复。使用下面的HTML代码,我希望看到这个(图片在此截图中有目的地被破坏):

enter image description here

GMail所显示的内容,以及大多数其他电子邮件客户端的情况......除了Outlook 2013,它看起来像这样:

enter image description here

最值得注意的是,缺少整个 BLAST DETAILS 表。在主表标签上放置边框会显示:

enter image description here

我花了很多时间来处理Litmus建议的故障排除步骤,并且通过HTML验证工具运行代码无济于事。我对Outlook 2013中的渲染工作方式还不够熟悉。如果有人能帮助解决这个问题,或者至少指出我正确的方向,那将是一个很大的帮助。提前谢谢。

代码:

<img src='http://www.example.com/templates/email_header.png' alt='AX Reprographics' border='0' />
<br/>
<br/>
<table width= '500' cellpadding='2' style='font-family: arial; font-size: 12px' border="1">
    <tr>
        <td colspan='4'>
            <div style='font-family: arial, sans-serif'>This message is to notify you of a pending blast. The blast was created by <strong>ReproConnect </strong>
                <br />

                <br />
                Please review the blast details below, or in your Control Center. 
                <br />

                <br />

                <strong>
                    <a href='http://www.example.com/admin/webservice.php?action=sendBlast&ID=1'>Approve and send now 
                    </a>
                </strong>
            </div>
        </td>
    </tr>
    <tr>
        <td colspan='4'>&nbsp;</td>
    </tr>
    <table width= '500' cellpadding='2' style='font-family: arial; font-size: 12px'>
        <tr>
            <td colspan='2'>&nbsp;</td>
        </tr>
        <tr>
            <td colspan=2 bgcolor='#F3F3F3' height='25'><b>&nbsp;BLAST DETAILS</b></td>
        </tr>

        <tr>
            <td valign='top' width='150' height='21'>&nbsp;Job</td>
            <td valign='top'  width='350'><b>Millington High School</b></td>
        </tr>

        <tr>
            <td valign='top' width='150' height='21'>&nbsp;Subject</td>
            <td valign='top'  width='350'><b>Invitation to Bid</b></td>
        </tr>

        <tr>
            <td valign='top' width='150' height='21'>&nbsp;Created</td>
            <td valign='top'  width='350'><b>04/23/2015 02:46:29 pm</b></td>
        </tr>

        <tr>
            <td valign='top' width='150' height='21'>&nbsp;# of Recipients</td>
            <td valign='top'  width='350'><b>1</b></td>
        </tr>

        <tr>
            <td valign='top' width='150' height='21'>&nbsp;Estimated Cost</td>
            <td valign='top'  width='350'><b>0.00</b></td>
        </tr>

        <tr>
            <td valign='top' width='150' height='21'>&nbsp;Attachment</td>
            <td valign='top'  width='350'><b></b></td>
        </tr>

        <tr>
            <td valign='top' width='150' height='21'>&nbsp;Delivery Options</td>
            <td valign='top'  width='350'><b>Email</b></td>
        </tr>

        <tr>
            <td valign='top' width='150' height='21'>&nbsp;Content</td>
            <td valign='top'  width='350'>
                <b>Project Name: Millington High School
                    <br />
                    ________________________________________
                    <br />

                    <br /></b>
            </td>
        </tr>

    </table>
</table>

1 个答案:

答案 0 :(得分:1)

BLAST DETAILS 表从新的表格行开始。

<tr>
    <td colspan='4'>&nbsp;</td>
</tr>
<table width= '500' cellpadding='2' style='font-family: arial; font-size: 12px'>
    <tr>
        <td colspan='2'>&nbsp;</td>
    </tr>

我猜这就是你的问题所在。