2013-03-27 19 views
0

我有一个mac html签名,发送到其他mac邮件的人看起来非常好。这是它看起来如何正确的一个例子 http://s1281.photobucket.com/user/israelrodriguez1/media/good_zpsb6ee8f6e.png.html问题与mac html签名看起来很时髦前景

我遇到的问题是,当我用某人使用outlook发送它时,它看起来很时髦。这是它看起来前景

http://s1281.photobucket.com/user/israelrodriguez1/media/bad_zps51e90fc2.png.html?sort=3&o=1

我怎样才能解决这个问题的方法是什么? 下面是我的MAC HTML邮件签名中,黑点是其中的标志去

<div id="sig" style="min-height: 75px; line-height: 16px; margin: 6px 0; padding: 13px; border-top: 1px #999999 dotted; border-bottom: 1px #999999 dotted; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 10px; color: #606F78; min-width: 530px; white-space: nowrap;" > 


    <img src="http://google.com/images/some.jpg" alt="me" style="float: left; width:170px; height:81px;margin-top:-10px;padding: 2px 6px 0 0;"> &emsp; 
    <!--end--> 


    <strong style="color: #606F78;">FULL NAME</strong> JOB TITLE <br/> 
    &emsp; 
    <!-- ADDRESS --> 
    Address | City, NY XXXXX <br/>&emsp; 

    telephone | <a href="http://google.com" style="color: #606F78; text-decoration: none; border-bottom: 1px #999999 dotted;">www.google.com</a> <br/>&emsp; 


    <a href="http://google.co/" style="color: #606F78; text-decoration: none; border-bottom: 1px #999999 dotted;">Games</a> | 

    <a href="http://www.google.com" style="color: #606F78; text-decoration: none; border-bottom: 1px #999999 dotted;">Facebook</a> | 
    <a href="http://google.com" style="color: #606F78; text-decoration: none; border-bottom: 1px #999999 dotted;">LinkedIn</a> | 
    <a href="www.google.com" style="color: #606F78; text-decoration: none; border-bottom: 1px #999999 dotted;">Twitter</a> <br /> 

回答

1

所有电子邮件客户端都在显示HTML坏。实际上Outlook使用(或至少确实使用)Word来呈现HTML。用CSS定位元素(就像在你的情况下用float)不幸是一个坏主意。

尝试使用表(是的,我知道),而不是两列。

+0

+1。尽管表格是用于布局的,但它们在处理绝望的地方是HTML电子邮件时是必须的。 – sosborn 2013-03-27 18:03:45

+0

是否有可能,如果你可以给我一个例子,在我的情况下使用2列的表。即时通讯新的这个html签名的东西 – user2189151 2013-03-27 18:13:08

+0

我不会写这一切给你,对不起。但只是为了让你去:http://jsfiddle.net/KRpUD/ – 2013-03-27 18:38:01