HTML 签名和 Outlook 2010 的主要问题答案

【问题标题】：Major Problems with HTML signature and outlook 2010HTML 签名和 Outlook 2010 的主要问题
【发布时间】：2013-09-05 11:36:09
【问题描述】：

我刚刚购买了一项名为 WiseStamp 的电子邮件签名模板服务。当我在 Outlook2010 中测试模板时，它们无法正确呈现，事实上格式是没有希望的！

有人可以看看我的代码吗？它在网络浏览器中运行良好，在 Thunderbird 中完美运行，这让我抓狂！

    <div style="font-family: sans-serif; line-height: 15px; width: 440px; empty-cells: show;">
<div style="font-family: sans-serif; line-height: 15px; text-transform: capitalize; border-bottom-color: #B8B8B8; border-bottom-width: 1px; border-bottom-style: dashed; padding-bottom: 4px; width: 440px; empty-cells: show;"><span class="text-color" style="font-family: arial,helvetica,sans-serif; font-size: 17.3333px; font-weight: bold; line-height: 21px; text-transform: capitalize; color: #eb1c23; border-color: #eb1c23; empty-cells: show;">Guy Rogers</span><img style="font-family: sans-serif; line-height: 15px; text-transform: capitalize; height: 50px; width: 200px; display: block; float: right; empty-cells: show;" src="http://bn1.so/radarone/radaronelogo.png" alt="" /><br style="font-family: sans-serif; line-height: 15px; text-transform: capitalize; width: 0px; empty-cells: show;" /> <span style="font-family: arial,helvetica,sans-serif;">Director , Radar One Ltd</span>&nbsp;</div>
<table style="font-family: sans-serif; line-height: 15px; width: 440px; empty-cells: show; border-color: #000000;" border="0">
<tbody style="font-family: sans-serif; line-height: 15px; width: 436px; border-spacing: 2px 2px; empty-cells: show; border-color: #000000;">
<tr style="font-family: sans-serif; line-height: 15px; width: 436px; border-spacing: 2px 2px; empty-cells: show; border-color: #000000;" valign="top">
<td style="font-family: 'Times New Roman',georgia,serif; font-style: italic; line-height: 15px; vertical-align: top; color: #828282; padding-top: 1px; padding-right: 25px; padding-bottom: 1px; padding-left: 1px; width: 410px; border-spacing: 2px 2px; empty-cells: show; border-color: #828282;">
<div style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #828282; width: 410px; border-spacing: 2px 2px; empty-cells: show; border-color: #828282;"><span style="font-size: small;"><strong class="text-color" style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #eb1c23; border-spacing: 2px 2px; empty-cells: show; border-color: #EB1C23;">t.</strong> 01273 806484</span></div>
<div style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #828282; width: 410px; border-spacing: 2px 2px; empty-cells: show; border-color: #828282;"><span style="font-size: small;"><strong class="text-color" style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #eb1c23; border-spacing: 2px 2px; empty-cells: show; border-color: #EB1C23;">m.</strong> 07786 546 230</span></div>
<div style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #828282; width: 410px; border-spacing: 2px 2px; empty-cells: show; border-color: #828282;"><span style="font-size: small;"><strong class="text-color" style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #eb1c23; border-spacing: 2px 2px; empty-cells: show; border-color: #EB1C23;">e.</strong> guy.rogers@radarone.co.uk</span></div>
<div style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #828282; width: 410px; border-spacing: 2px 2px; empty-cells: show; border-color: #828282;"><span style="font-size: small;"><strong class="text-color" style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #eb1c23; border-spacing: 2px 2px; empty-cells: show; border-color: #EB1C23;">w.</strong> http://www.radarone.co.uk</span></div>
<div style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #828282; width: 410px; border-spacing: 2px 2px; empty-cells: show; border-color: #828282;"><span style="font-size: small;"><strong class="text-color" style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #eb1c23; border-spacing: 2px 2px; empty-cells: show; border-color: #EB1C23;">a.</strong> Albert House, 82 Queens Road, Brighton, East Sussex, BN1 3TL</span></div>
</td>
</tr>
</tbody>
</table>
</div>

【问题讨论】：

标签： html outlook-2010 thunderbird

【解决方案1】：

Outlook 有很多 HTML 和 CSS 禁忌

查看：http://www.campaignmonitor.com/resources/will-it-work/ 看看您是否可以找到导致问题的代码部分

【讨论】：

您好 Adsy，感谢您的回复。看了一下 CampaignMonitor，看起来非常足智多谋，我肯定会阅读更多内容，因为我正在尝试更新我的 HTML 以获取电子照片和其他营销内容！在短期内，我很挣扎，因为我购买了这些签名模板，这样我就可以在这个阶段避免编码——我非常脱节！您能否给我一些提示，说明为什么我的代码会发生这种情况？再次感谢参与^_^
嗨@afro，很高兴尽我所能并提供帮助。我不确定 100%，但它可能是您在 div 中使用的“样式”。仅通过查看电子邮件客户端和编码的问题很难判断，因为它们各不相同，而且我知道 Outlook 倾向于使用一些编码（我最近自己使用 Outlook 处理电子邮件表单时知道这一点）。我所知道的是，一些 CSS 和 html 代码往往会播放，所以永远不要只看你的浏览器的样子。这是一个反复试验的案例。另外，由于没有其他人回应，您介意将我的答案投票为最佳选择吗？ :)
嗨@Adsy，感谢您的回复！这是 html 文件的链接，因此您可以查看它在浏览器中的外观。令我惊讶的是，与其他 HTML 电子邮件客户端相比，Outlook 如此困难，但大多数企业在 ms Exchange 上使用 Outlook，因此很难嵌入 html 签名，这真是令人惊讶！我一定会投票给你的答案，只需要弄清楚如何去做;）
你还没有发布链接:(投票，只需点击我的答案旁边的勾：)
对不起！我兴奋地忘记粘贴链接了！ :-) bn1.so/radarone/signature.html