Question

我有一个PSD已经制作成HTML签名，但是Outlook（2013）似乎不喜欢我的HTML，并且在尝试实现签名之后，格式化全部搞砸了，签名看起来非常糟糕。

应该的样子：http://theitguy.net.au/bowerbird/bowerbird-sig.html

正如您所看到的，它在Web浏览器中看起来很好，但Outlook似乎接受它并打破它。

这是代码（原谅我，我不是HTML忍者）：

<div id = "body" style = "margin: 25px 50px;">
<div id = "logo" style = "float: left; display: block; margin-right: 30px; margin-bottom: 60px;"></div>
<h1 style = "color:#a2967d; font-family: georgia, serif; font-size: 16px; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; margin-left: 30px;">Catherine Heraghty</h1>
<div class = "text" ><span style = "color:#7a7a7a; font-family: century gothic, sans-serif; font-size: 13px; font-weight: normal; line-height: 20px; font-weight: normal;">creative director<br/>
m: 0410 525 401<br/>
p: 02 9531 2233<br/>
w: <a style = "color: #7a7a7a; text-decoration: none;" href = "http://bowerbirdinteriors.com.au">bowerbirdinteriors.com.au</a></span></div>
<div id = "social" style = "padding-top: 10px;">
	<a href = "http://bowerbirdinteriors.com.au"><img class = "social" src = "http://theitguy.net.au/bowerbird/Web.png" style = "padding-right: 20px;"></a>
	<a href = "http://bowerbirdinteriors.com.au/collections/"><img class = "social" src = "http://theitguy.net.au/bowerbird/Cart.png" style = "padding-right: 20px;"></a>
	<a href = "http://instagram.com/bowerbirdinteriors"><img class = "social" src = "http://theitguy.net.au/bowerbird/instagram.png" style = "padding-right: 20px;"></a>
	<a href = "http://www.facebook.com/bowerbirdinteriorstyling?fref=ts"><img class = "social" src = "http://theitguy.net.au/bowerbird/facebook.png" style = "padding-right: 20px;"></a>
	<a href = "http://www.pinterest.com/bowerbird/"><img class = "social" src = "http://theitguy.net.au/bowerbird/pinterest.png" style = "padding-right: 20px;"></a>
</div>
</div>

有关如何使此Outlook兼容的任何帮助都非常欣赏！

Answer 1

Outlook并不完全是HTML合规性的基础，并且HTML代码与基于Webkit的浏览器不同。

如果你希望Outlook能够很好地使用它，你最好的选择是使用（喘气）表重写你的签名。

Outlook不喜欢我的HTML签名

1 个答案: