我继承了修复生成HTML电子邮件的一些遗留代码的责任,所以我要问的是,如果代码看起来很糟糕,你会对我很轻松,因为我没有设计它,只是试图找到一个修复。使用下面的HTML代码,我希望看到这个(图片在此截图中有目的地被破坏):
GMail所显示的内容,以及大多数其他电子邮件客户端的情况......除了Outlook 2013,它看起来像这样:
最值得注意的是,缺少整个 BLAST DETAILS 表。在主表标签上放置边框会显示:
我花了很多时间来处理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'> </td>
</tr>
<table width= '500' cellpadding='2' style='font-family: arial; font-size: 12px'>
<tr>
<td colspan='2'> </td>
</tr>
<tr>
<td colspan=2 bgcolor='#F3F3F3' height='25'><b> BLAST DETAILS</b></td>
</tr>
<tr>
<td valign='top' width='150' height='21'> Job</td>
<td valign='top' width='350'><b>Millington High School</b></td>
</tr>
<tr>
<td valign='top' width='150' height='21'> Subject</td>
<td valign='top' width='350'><b>Invitation to Bid</b></td>
</tr>
<tr>
<td valign='top' width='150' height='21'> 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'> # of Recipients</td>
<td valign='top' width='350'><b>1</b></td>
</tr>
<tr>
<td valign='top' width='150' height='21'> Estimated Cost</td>
<td valign='top' width='350'><b>0.00</b></td>
</tr>
<tr>
<td valign='top' width='150' height='21'> Attachment</td>
<td valign='top' width='350'><b></b></td>
</tr>
<tr>
<td valign='top' width='150' height='21'> Delivery Options</td>
<td valign='top' width='350'><b>Email</b></td>
</tr>
<tr>
<td valign='top' width='150' height='21'> Content</td>
<td valign='top' width='350'>
<b>Project Name: Millington High School
<br />
________________________________________
<br />
<br /></b>
</td>
</tr>
</table>
</table>
答案 0 :(得分:1)
BLAST DETAILS 表从新的表格行开始。
<tr>
<td colspan='4'> </td>
</tr>
<table width= '500' cellpadding='2' style='font-family: arial; font-size: 12px'>
<tr>
<td colspan='2'> </td>
</tr>
我猜这就是你的问题所在。