2017-07-11 153 views
0

我正在尝试为Outlook准备新闻稿,并且已使用VML设置了页脚背景色。代码是这样的:如何删除VML页边距?

<container class="footermail"> 
<!--[if gte mso 9]> 
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:580px;height:141px;"> 
    <v:fill type="tile" color="#333333" /> 
<![endif]--> 
    <p>blablablablabla</p> 
<!--[if gte mso 9]> 
</v:rect> 
<![endif]--> 
</container> 

问题是,当我通过Outlook的桌面(特别是2106)打开邮件,它显示周围的利润。这里有一个图:

mail view

有谁知道如何清理?我已经尝试了一切,并搜索信息,但它变得非常困难。提前致谢。

回答

0

展望一般来说真的不支持HTML 5,你的问题是没有这么多的VML但这个标签:<container class="footermail">

您不包括完整的代码和CSS,所以这使得它很难诊断你所有的潜在问题。

我的建议是删除<container>标记并使用<table>代替背景颜色。类似这样的:

<table width="100%" border="0" style="background: #333333; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"> 
    <tr> 
    <td style="background: #333333;border-collapse: collapse;"> 
     <p style="color: #ffffff; text-align: center;">blablablablabla</p> 
    </td> 
    </tr> 
</table> 

此表适用于每个主要的电子邮件客户端和每个版本的Outlook。尽管在Android版v4的Gmail中有所缩小。

Outlook有很多限制。我建议保留这个方便未来的HTML电子邮件。 https://www.campaignmonitor.com/css/

祝你好运。

+0

感谢您的链接,真的很有用;) – atopetek