0

私は Mac の HTML 署名を持っていますが、これは他の Mac メールの人に送信するときにとても見栄えがします。これは、適切に見える方法の例です http://s1281.photobucket.com/user/israelrodriguez1/media/good_zpsb6ee8f6e.png.html

私が抱えている問題は、Outlook を使用している人と一緒に送信すると、本当にファンキーに見えることです。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 />
4

1 に答える 1

1

すべての電子メール クライアントは、HTML の表示が苦手です。実際、Outlook は Word を使用して (または少なくとも使用していました)、HTML をレンダリングします。CSS を使用して要素を配置する (float の場合のように) 残念ながら悪い考えです。

2 つの列の代わりにテーブルを使用してみてください (そうです)。

于 2013-03-27T18:02:37.607 に答える