0

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

我遇到的问题是,当我与使用 Outlook 的人一起发送它时,它看起来真的很时髦。这是它在前景上的样子

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

我怎样才能解决这个问题?以下是我的mac html邮件签名,黑点是logo所在的位置

    <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 />
4

1 回答 1

1

所有电子邮件客户端都不擅长显示 HTML。实际上 Outlook 使用(或至少确实使用)Word 来呈现 HTML。不幸的是,使用 CSS 定位元素(就像您使用浮动一样)是一个坏主意。

尝试使用包含两列的表格(是的,我知道)。

于 2013-03-27T18:02:37.607 回答