0

すでにデザインされたパーソナライズされた HTML メールを作成しています。表内にすべてのコンテンツを配置して電子メールをコーディングしました。テキストを 3 つの異なる領域に 1 行に散らばるように配置する必要があります。テーブル行内の div にテキストを配置し、インライン CSS を使用してスタイルを設定しようとしましたが、emailonacid (電子メール テスト Web サイト) でテストしたところ、さまざまな電子メール プログラムで正しく表示されません。すべての電子メール プログラムで機能するようにこれを行う方法はありますか?

次のようにテキストを配置したいと思い ます 。

<tr>
    <td>
                    <div id="cambelts" style="margin-top: -30px;text-transform: uppercase; position: relative; top: 80px; left: 170px;">This is text 1
                    <br/>
                    <span style="font-weight: bold;">&#163;#XX.XX#</span></div>
        <img src="images/Untitled-1_04.jpg" width="800" height="418" alt="">

                     <div id="Accessory_Belt_kits" style="text-transform: uppercase; position: relative; top: -235px; left: 20px;">This is text 2
                    <br/>
                    <span style="font-weight: bold;">&#163;#XX.XX#</span></div>

                    <div id="Water_Pumps" style="text-transform: uppercase; float: right; position: relative; top: -80px; right: 40px;">This is text 3
                    <br/>
                    <span style="font-weight: bold;">&#163;#XX.XX#</span></div>   
                    </td>
</tr>
4

3 に答える 3

0

電子メールの派手な CSS トリックに集中するべきではありません。E メールは、CSS の配置やギミックよりもコンテンツに重点を置くべきです。

Having said that Email clients do support certain CSS attributes. Click here to check which attributes are supported by different Email clients. Also here is a tool which can allow you to see how your email will be rendered in different E-mail clients.

So my advice is instead of trying to hack your way into getting your content displayed , focus more on what the end user will see rather than how he see's it.

于 2013-09-03T09:04:09.943 に答える
0

CSS を使用する代わりに、行に別のテーブルを追加して、テキストの位置を調整することもできます。このようにして、テキストの位置を簡単に管理できます。

必要に応じてテーブルの境界線をゼロ (<table border="0">) に設定して非表示にします。

于 2013-09-03T09:30:04.123 に答える