Outlook.com中的HTML电子邮件签名一致性

时间:2015-03-31 12:06:10

标签: html css outlook html-email outlook.com

我在整理公司电子邮件签名方面遇到了一些问题,这些签名在不同的邮件提供商之间在视觉上是一致的。

我使用过各种在线指南(在本邮件末尾列出),但仍然有一个我似乎无法解决的最后一个问题。

在Outlook.com中,表格高度似乎在不必要的范围内延伸,如下面的比较所示(注意红色标记)。

Outlook 2013:

Outlook Signature

Outlook.com:

Outlook.com Signature

HTML:

<table border="0" cellspacing="0" cellpadding="0" height="118">
<tr>
    <td align="left" width="202" height="118" style="padding:0px 10px 0px 0px; margin:0px 0px 0px 0px;line-height:0px; margin-bottom:0px; border-right-color:#005f6b; border-right-width:1px; border-right-style:solid; margin-bottom:0px;"><img src="http://i.imgur.com/ClMZi3M.gif?1" width="202" height="118" alt="My Logo"></td>
    <td align="left" style="padding:0px 0px 0px 10px; margin:0px 0px 0px 0px; margin-bottom:0px;" height="118">
        <p style="font-family:'Calibri','tahoma','sans-serif'; font-size:13px; line-height:19px; color:#262626; margin:0px 0px 0px 0px; padding:0px;margin-bottom:0px;">
            <font style="font-size:15px;"><b>Joe Soap</b> | Senior Developer</font>
            <br/>
            Telephone: <a href="skype:CompanyName?+27 21 777 7777" style="color:#005f6b; text-decoration: none;">+27 21 777 7777</a>
            <br/>
            Mobile: <a href="skype:Joe Soap?+27 88 888 8888" style="color:#005f6b; text-decoration: none;">+27 88 888 8888</a>
            <br/>
            Address: <font style="color:#005f6b">Some Address, 7700, Cape Town, South Africa</font>
            <br/>
            Website: <a href="#" style="color:#005f6b; text-decoration: none;">www.somecompany.com</a> | <a href="#" style="color:#005f6b; text-decoration: none;">www.anotherdomain.com</a>
            <br/>
            Email: <a href="mailto:myemailaddress@somecompany.cm" style="color:#005f6b; text-decoration: none;">myemailaddress@somecompany.com</a>
        </p>
    </td>
</tr>
</table>

有谁知道这可能是什么?

1 个答案:

答案 0 :(得分:0)

您所看到的是Outlook.com的行高增长功能&#39;。

您需要做的是在开幕之后和结束之前<div class="ExternalClass>放置<body>

<style>标记中,添加.ecxExternalClass{line-height:100% !important;}

Outlook解决方案&#ec;&#39;在HTML和样式标记中的所有类前面。如果您已经拥有ecx,它会在样式标记中忽略它。