2015-05-04 150 views
0

我继承了修复生成HTML电子邮件的一些遗留代码的责任,所以我所要求的只是如果代码看起来很糟糕,我就会轻易对我进行操作,因为我没有没有设计它,只是想找到一个修复。与下面的HTML代码,我希望看到这个(图像在这个截图故意损坏):HTML电子邮件在Outlook 2013中无法正确显示

enter image description here

这就是GMail的显示,并且似乎在大多数其他电子邮件客户端的情况下.. 。除了Outlook 2013中,它看起来像这样:

enter image description here

最值得注意的是,整个BLAST细节表丢失。把边界上的主表标签显示这一点:

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

BLAST细节表开始,其中一个新表行应该的。

<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> 

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

+0

这似乎已修复它!万分感谢。 – V13Axel

相关问题