0

左右に少し間隔を空けています。Outlook 2007/2010/2013 を除いて、すべてのメール クライアントでその間隔が表示されます。

画像1

これが私が欲しいものです。左側にテキスト、右側に画像があります。赤い線は、テキスト/画像と破線の境界線の間の間隔を示しています。

ここに画像の説明を入力

画像2

Outlook 2007/2010/2013 では、破線の境界線の左右にスペースがありません。テキストと画像の間には「outlookseparator」を使用しています。「outlookseparator」を使用しないと、左側にスペース (テキストの前のスペース) が表示されますが、テキストの下に画像が表示されます。

ここに画像の説明を入力

Outlook 2007/2010/2013 で画像 1 の結果を取得するにはどうすればよいですか?

4

2 に答える 2

0

Outlook は HTML5 要素を読み取ることができません。表示するコードがなければ、div を使用していoutlookseparatorてクラスであると想定します。

これは少しショックかもしれませんが (テキストが多いため)、Outlook で必要なものを取得するには、これを行う必要があります。変更することはできますが、すべて (幅) が合計されることを確認してください。

<table border="0" cellpadding="0" cellspacing="0" width="640" style="border-collapse:collapse; padding:0; margin:0px;">
    <tr valign="top">
        <td align="left" valign="top" style="border:1px dashed #e6e6e6">
            <table border="0" cellpadding="0" cellspacing="0" width="640" style="border-collapse:collapse; padding:0; margin:0px;">
                <tr valign="top">
                    <td width="10">

                    </td>
                    <td align="left" valign="top">
                        <table border="0" cellpadding="0" cellspacing="0" width="300" style="border-collapse:collapse; padding:0; margin:0px;">
                            <tr valign="top">
                                <td align="left" valign="top" style="font-size:14px; line-height:16px;padding-top:10px;padding-bottom:10px;">
                                    <font face="Arial,'Helvetica Neue',Helvetica,sans-serif" color="#444444" size="2" style="color:#444444; font-family:Arial,'Helvetica Neue',Helvetica,sans-serif; font-size:14px; line-height:16px; -webkit-text-size-adjust:none; font-weight:normal">
                                        TEXT!
                                    </font>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td align="right" valign="top">
                        <table border="0" cellpadding="0" cellspacing="0" width="300" style="border-collapse:collapse; padding:0; margin:0px;">
                            <tr valign="top">
                                <td align="left" valign="top" style="padding-top:10px;padding-bottom:10px;">
                                    <img src="http://somewhere.com/images/something.png" width="300" height="100" alt="" style="display:block;" border="0" />
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td width="10">

                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

ところで、メールでクラスを使用するのは悪い習慣です。GMail はスタイル タグや外部 CSS を読み取らないため、GMail では見栄えが悪くなります。

于 2014-12-30T17:39:18.673 に答える