2

私は、約 70,000 人の購読者に配布される HTML ニュースレター用のきれいなテンプレートを作成する任務を負っています。予想通り、彼らはできるだけ多くの電子メール クライアントで一貫性を保つことを望んでいるので、私は広く推奨されている HTML 電子メールの慣例に従い、ネストされたテーブルとインライン スタイルを使用しています。

bgcolor画像を表示するそれぞれに を設定しようとし<td>ています - その理由は、誰かが電子メール クライアントで画像をオフにしている場合でも、テーブル セルの形状 (およびその経験) を見ることができるからです。まだいくらか視覚的になります）が、セル内に bgcolor を保持するのに苦労しています。セル間のスペースににじみ出ているようです。次に例を示します。

  <tr>
     <td width="200" height="200" bgcolor="#CCCCCC">
       <img src="image.png" height="200" width="200" alt="Image!">
    </td>
  </tr>

このコードから、画像が両方とも 200x200 であるため、画像が表示されているときに背景が画像の下に表示されないのではなく、約 10 ピクセルのグレーが画像の下部と右側に押し下げられ、周囲の空白に侵入していることがわかります。細胞。何が起こっていますか?どうすれば修正できますか?

編集：これが何をしているのかのイメージです：

4

2 に答える 2

1

cellpaddingテーブルタグにcellspacingプロパティを設定しましたか？

http://www.w3schools.com/tags/att_table_cellspacing.asp

于 2012-09-17T21:01:45.727 に答える
1

テーブルの css スタイルを border-collapse に設定しましたか? そのようです：

<table style="border-collapse: collapse;">

それでも効果がなく、画像に余白がない場合は、パディングを 0 に設定してみましたか?

于 2012-09-17T21:33:22.567 に答える