0

大量の電子メールを送信すると、ほとんどすべてがテーブル内にあります。

テーブルに影響を与える CSS:

.title  {
vertical-align: top;
}

HTML:

<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="title" align="left" width="440" valign="top">
<h2><singleline label="Title">Enter your title</singleline></h2>
<p><multiline label="Description">Description</multiline></p>


</td>

<td align="left" valign="top" width="20"><img src="/images/00.gif" height="1" width="20" border="0"></td>

<td align="left" valign="top" width="120"><img src="/images/001.jpg" editable="true" label="Image" width="120" border="0"></td>
</tr>
<tr>
<td colspan="3" align="left" valign="top" width="580"><img src="/images/00.gif" height="20" width="1" border="0"></td>
</tr>
</table>

タグ内のテキストが表の上部と同じ高さになるようにする必要があります。現在、/images/001/jpg は平らですが、テキストは表の端から 5 ピクセル下にあります。

CSS で vertical-align: top を使用しています。border-spacing: none、border-collapse: collapse、border: none を試しました。それらのどれも問題を解決しませんでした。

margin-top: -5px; の使用 タグの .

4

5 に答える 5

2

キャンペーンモニターのRosです。<singleline> タグと <multiline> タグが <p>your content</p> に変換されることは明らかではありません

...Campaign Monitor エディターにインポートされた場合。この余分なパディングを作成しているのは、これらの <p> タグです。例を次に示します。

これを回避する最も簡単な方法は、p { margin: 0; を追加することです。パディング: 0; } を CSS スタイルに追加します。

うまくいけば、これでこの問題が解決します。このような質問に回答するためのフォーラムがあることに注意してください。今後はテンプレート コードを自由に投稿してください。

ここに貢献してくれたすべての人に感謝します！

于 2011-11-29T04:50:37.540 に答える
0

H2タグ内のテキストを参照していると思います。

のクラスを作成します。<h2>

.noPad  {
padding-top: 0px;
}

または、H2 を使用せず、span または div 要素のみを使用します。

于 2011-11-28T21:28:29.823 に答える
0

It could just be the line-height of the text as opposed to margin/padding - check that as well

于 2013-04-04T13:32:00.857 に答える
0

置く

valign="top"

テキストのあなたの TD に。メール クライアントが CSS を認識しない場合は、標準の HTML 属性を認識する必要があります。

また、それでも問題が解決しない場合は、Q を編集して、その上で使用している「タイトル」CSS 定義の定義を追加できますか。

于 2011-11-28T17:42:56.803 に答える