0

これは、HTMLメールと、テーブルを使用する最初の試みです。Mailchimpを介して、必要なものに比較的近いように編集したテンプレートのまともなコレクションを見つけました。ただし、問題が1つあります。それは、テキストの先頭が右端に押し出されていることです。これを修正するにはどうすればよいですか？

<tr>
<td valign="top">
<div mc:edit="std_content00">
<img src="http://lorempixel.com/405/325" style="max-width:405px;" />
<img src="http://lorempixel.com/218/30" width="218" height="30" style="padding:30px 0px 30px 0px;" />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vehicula aliquet nisl vulputate tincidunt. Nulla.  </div>                                                       </td>
</tr>
4

4 に答える 4

2

段落を追加してみてください：

<tr>
<td valign="top">
<div mc:edit="std_content00">
<img src="http://lorempixel.com/405/325" style="max-width:405px;" />
<img src="http://lorempixel.com/218/30" width="218" height="30" style="padding:30px 0px 30px 0px;" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vehicula aliquet nisl 
vulputate tincidunt. Nulla.</p>  </div>                                                       </td>

于 2012-09-24T20:39:26.227 に答える
1

このようなものを試してくださいhttp://jsfiddle.net/fVKbr/

style = "padding：30px 0px 0px 0px;"

デモ：http：//jsfiddle.net/fVKbr/

于 2012-09-24T20:41:30.837 に答える
0 
style="padding:30px 0px 30px 0px;" />

に

style="padding:30px 0px 0px 0px;" />

またはあなたに合ったものなら何でも。

パディング値は、それぞれ上、右、下、左です。

于 2012-09-24T20:39:46.153 に答える
0

画像にパディングがあり、テキストと同じテーブル行にあるという事実が隠されています。

以下を使用して、テキストを揃えます。

<tr>
<td valign="top">
<div mc:edit="std_content00">
<img src="http://lorempixel.com/405/325" style="max-width:405px;" />
<img src="http://lorempixel.com/218/30" width="218" height="30" style="padding:30px 0px 0px 0px;" /><br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vehicula aliquet nisl vulputate tincidunt. Nulla.  </div>                                                       </td>
</tr>
于 2012-09-24T20:39:46.903 に答える