HTML Outlook.com 中的电子邮件签名一致性
HTML Email Signature Consistency in Outlook.com
我在将不同邮件提供商在视觉上保持一致的公司电子邮件签名放在一起时遇到了一些问题。
我已经使用了各种在线指南(列在本邮件末尾),但还有最后一个问题我似乎无法解决。
在Outlook.com中,table高度似乎延伸得过低,从下面的比较中可以看出(注意红色标记)。
展望 2013:
Outlook.com:
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>
有人知道这是什么吗?
您看到的是 Outlook.com 的行高增加 'feature'。
你需要做的是把<div class="ExternalClass>
放在开盘之后和收盘之前<body>
。
在您的 <style>
标签中,添加 .ecxExternalClass{line-height:100% !important;}
Outlook 在 HTML 和样式标签中的所有 类 前面添加 'ecx'。如果你已经有 ecx,它会在样式标签中忽略它。
我在将不同邮件提供商在视觉上保持一致的公司电子邮件签名放在一起时遇到了一些问题。
我已经使用了各种在线指南(列在本邮件末尾),但还有最后一个问题我似乎无法解决。
在Outlook.com中,table高度似乎延伸得过低,从下面的比较中可以看出(注意红色标记)。
展望 2013:
Outlook.com:
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>
有人知道这是什么吗?
您看到的是 Outlook.com 的行高增加 'feature'。
你需要做的是把<div class="ExternalClass>
放在开盘之后和收盘之前<body>
。
在您的 <style>
标签中,添加 .ecxExternalClass{line-height:100% !important;}
Outlook 在 HTML 和样式标签中的所有 类 前面添加 'ecx'。如果你已经有 ecx,它会在样式标签中忽略它。