用于Outlook 2011的HTML电子邮件

用于Outlook 2011的HTML电子邮件

问题描述:

我正在处理HTML电子邮件,并且出于某种原因,“季度新承诺”下的年度都聚集在一起,我不知道如何解决该问题。每张图下应该有一年。这在Outlook 2011中不起作用,我希望它能够正常工作。任何建议将不胜感激。谢谢!用于Outlook 2011的HTML电子邮件

这里是图像的截图:

email screenshot

这是代码:

<head> 
<h1>Five Year Giving</h1> 
<div class='tab_detail'> 
<h3>Quarterly New Commitments</h3> 
</head><img src="http://web.mit.edu/odrs/Public/rd_utilities/images/block_new_red_1px.gif" alt="" 
    title="<<fy_quarter>> $<<tot_ngnp_formatted>> (<<N>> donors)" border="1" height="<<ngnp_pxl>>" width="5"><img src="http://web.mit.edu/odrs/Public/rd_utilities/images/block_gray_1px.gif" alt="" 
    border="0" height="0" width="<<spacer>>"><foot> 
    <br> 
<div style="position: relative;"> 
    <span style="position: fixed; left: 50 px; size: -1;"><<fy5_label>></span> 
    <span style="position: fixed; left: 50 px; size: -1;"><<fy4_label>></span> 
    <span style="position: fixed; left: 50 px; size: -1;"><<fy3_label>></span> 
    <span style="position: fixed; left: 50 px; size: -1;"><<fy2_label>></span> 
    <span style="position: fixed; left: 50 px; size: -1;"><<fy1_label>></span> 
    <span style="position: fixed; left: 50 px; size: -1;"><<fy0_label>></span> 
</div> 
<br> 
<p> 
</foot> 

我认为问题是,你的跨度位置都固定在同一点。您可能需要将它们更改为相对,或者增加左边的值:将标签展开。无论哪种情况,这种布局可能会在很多电子邮件客户端中失败,因为div在电子邮件中的布局控制方面臭名昭着地不可靠。你最好用桌子来放置标签。