麻烦HTML电子邮件签名在Outlook中正确显示

我已经创造了自己在HTML一个简单的电子邮件签名，他的代码：麻烦HTML电子邮件签名在Outlook中正确显示

<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:[email protected]" style="text-decoration: none; color: #84d5f6">[email protected]</a> 
</div>

在Thunderbird中，我的浏览器中正确显示的：

enter image description here

但可惜在Outlook 2010中它不会：

enter image description here

如果是使用IE浏览器使用相同的渲染引擎，我敢打赌，你这样做，我并不感到太意外发生这种情况。

任何想法？

来源

2013-01-22 Tiwaz89

尝试将一个绝对路径添加到图像用'的http：// your.domain.com/image.path/logo.png' – javabeangrinder

@javabeangrinder - 感谢小费。我可以很快地理清图像，更多的是这里的布局，这就是问题所在......：\ – Tiwaz89

恐怕你必须再次让你的'

'出来。希望此页面有所帮助：http://www.campaignmonitor.com/css/ – Marco

回答

电子邮件客户端不会像浏览器一样呈现html。在创建html电子邮件时，使用表格要好得多。我知道这是违背所有现代网页设计的，但它们被更多的电子邮件客户端所支持。这是一个链接到CSS属性和他们支持的客户端。

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

来源

2013-01-22 14:16:30

我已经为我目前工作的公司做了很多关于HTML电子邮件的工作，并且有许多有用的技巧你可以学习。 Campaign Monitor具有我在该主题中找到的最好的文章。 –

谢谢你。我正在寻找这个答案。我的HTML签名在gmail web客户端和outlook应用程序客户端中断。有用的链接谢谢！ :) – marknt15

麻烦HTML电子邮件签名在Outlook中正确显示

回答

相关问题