2

Outlook 2010 で使用する新しい html 署名を作成しています。ブラウザやほとんどの電子メール クライアントでは問題ないように見えますが、Outlook 2010 では少し正しく表示されません。Chrome の最初のスクリーンショットからわかるように、テキストは画像の右側に配置されますが、Outlook の 2 番目の画面では画像の下に表示されます。これを修正するにはどうすればよいですか?

クロム: クロム http://unihouse.no/images/sig_chrome.PNG

Outlook: Outlook 2010 http://unihouse.no/images/sig_outlook2010.PNG

Ps。組み込みのエディターを使用せずに、コードを Outlook 署名 HTML ファイルに直接貼り付けます。

<div id="sig" style="min-width: 960px; min-height: 82px; line-height: 18px; margin: 6px 0; padding: 8px; border-top: 1px #15345B dotted; border-bottom: 1px #15345B dotted; font-family: 'Trebuchet MS',helvetica,San-Serif; font-size: 11px; color: #15345B; " >
    <a href="http://unihouse.no" title="test.no"><img src="http://unihouse.no/images/arrows3.jpg" alt="Test AS" style="float: left; padding: 6px 20px 0 0; border: none;"></a>
    <div style="padding: 6px 0 0 0">
        <span style="font-size:11px"><strong style="color: #15345B; letter-spacing: 1px">Test Name</strong>, Unihouse Norge AS</span><br>
        <strong style="letter-spacing: 1px">Storkundeansvarlig Østlandet</strong><br>

        e-post: <a href="mailto:test@test.no" title="e-post Chris" style="text-decoration:none; border-bottom:1px dotted #15345B;color:#15345B">test@test.no </a> | tlf: +47 123 45 567<br>
        Besøksadresse: Tjuvholmen allé 3, 0252 Oslo<br>
        Hovedkontor: Innherredsveien 103, 7043 Trondheim<br>    
    </div>
    <div style="clear:both"></div>
</div>
4

2 に答える 2

4

フローティングdivの代わりにテーブルを使用できます。1行2セルのテーブルを作成してみてください。画像を最初のセルに配置し、テキストを2番目のセルに配置します。

これにより、どのアプリケーションでもそれらを互いに隣接させる必要があります。

<table id="sig" style="min-width: 960px; min-height: 82px; line-height: 18px; margin: 6px 0; padding: 8px; border-top: 1px #15345B dotted; border-bottom: 1px #15345B dotted; font-family: 'Trebuchet MS',helvetica,San-Serif; font-size: 11px; color: #15345B; " >
<tr>
    <td style="padding: 6px 0 0 0">
        <a href="http://unihouse.no" title="test.no"><img src="http://unihouse.no/images/arrows3.jpg" alt="Test AS" style="float: left; padding: 6px 20px 0 0; border: none;"></a>
    </td>
    <td style="padding: 6px 0 0 0">
        <span style="font-size:11px"><strong style="color: #15345B; letter-spacing: 1px">Test Name</strong>, Unihouse Norge AS</span><br>
        <strong style="letter-spacing: 1px">Storkundeansvarlig Østlandet</strong><br>
        e-post: <a href="mailto:test@test.no" title="e-post Chris" style="text-decoration:none; border-bottom:1px dotted #15345B;color:#15345B">test@test.no </a> | tlf: +47 123 45 567<br>
        Besøksadresse: Tjuvholmen allé 3, 0252 Oslo<br>
        Hovedkontor: Innherredsveien 103, 7043 Trondheim<br>    
    </td>
</tr>
于 2012-09-20T21:51:47.410 に答える
1

HTMLメールの場合、統一性を確保するためHAVEに使用します。次に、テキストと画像を同じ<tables>に隣接して配置します。 役立つウェブサイト<td><tr>

于 2012-09-22T01:14:54.540 に答える