无法使html电子邮件签名在Outlook中正确显示 [英] Trouble getting html email signature to display properly in Outlook

查看:549
本文介绍了无法使html电子邮件签名在Outlook中正确显示的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我在html中创建了一个简单的电子邮件签名,他是代码:

 < html& 

<! - 公司标志在这里 - >
< div id =far_left
style =width:50px;
height:50px;
float:left;
margin-right:10px; >
< img src =logo.png/>
< / div>

<! - 名称和职业在这里 - >
< div id =top
style =height:25px;>
< / strong>,< / div>

<! - 网站链接和电子邮件地址在这里 - >
< div id =bottom
style =font-family:Arial,Verdana,'Sans Serif';
font-size:14px;
color:#464646 ;
padding:5px;
height:25px;>
< a href =http://www.deangrobler.comstyle =text-decoration:none; color:#84d5f6> www.deangrobler.com< / a> |
< a href =mailto:dean@deangrobler.comstyle =text-decoration:none; color:#84d5f6> dean@deangrobler.com< / a&
< / div>



在thunderbird和我的浏览器它会正确显示:



/ p>

但是在Outlook 2010中它不会:





如果它使用的IE使用相同的渲染引擎,我敢打赌你

解决方案



电子邮件客户端不像浏览器那样呈现html。当创建html电子邮件是更好地使用表。我知道这是对所有的现代网络设计,但他们是由更多的电子邮件客户端支持。这里是css属性的链接以及它们支持的客户端。



http://www.campaignmonitor.com/css/


I have created myself a simple email signature in html, he's the code:

<html>

<!-- Company logo goes here -->
<div id="far_left" 
    style="width: 50px; 
           height: 50px;
           float: left;
           margin-right: 10px;">
    <img src="logo.png" />
</div>

<!-- Name and occupation goes here -->
<div id="top" 
    style="height: 25px;">
    <span style="font-family: Arial, Verdana, 'Sans Serif'; font-size: 22; color: #464646;"><strong>Dean Grobler</strong>, Programmer</span>
</div>

<!-- Website link and email adress goes here -->
<div id="bottom" 
    style="font-family: Arial, Verdana, 'Sans Serif';
           font-size: 14px;
           color: #464646;
           padding: 5px;
           height: 25px;">
    <a href="http://www.deangrobler.com" style="text-decoration: none; color: #84d5f6">www.deangrobler.com</a> | 
    <a href="mailto:dean@deangrobler.com" style="text-decoration: none; color: #84d5f6">dean@deangrobler.com</a> 
</div>

In thunderbird, and my browsers it displays correctly:

But alas in Outlook 2010 it does not:

If it's using the same rendering engine that IE uses, and I bet you it does, I'm not too surprised this is happening.

Any ideas?

解决方案

Email clients do not render html in the same way that browsers do. When creating html emails it is much better to use tables. I know this is going against all modern web design, but they are supported by a lot more email clients. Here is a link to the css properties and which clients they are supported by.

http://www.campaignmonitor.com/css/

这篇关于无法使html电子邮件签名在Outlook中正确显示的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆