0

こんにちは、Outlook 2010 に問題があり、tds 間に 10px のスペースを確保したいのですが、うまくいきません。助けてください。

<table style="cellspacing:0px;cellpadding:0px;border:0;border-spacing:10px;">
 <tbody>
<tr>
  <td id="cont0" align="top" style="border-collapse:collapse;padding:0;overflow: hidden;height: 96px; width: 96px;margin-right:auto;vertical-align:top;border: 1px solid #CCCCCC;">
    <a id="link0" href="#" style="border:0">
      <img id="previewimage0" style="border:0" src="http://i.sample.com/00/s/MTY2WDIwMA==/$(KGrHgoS,KEEk,K!Bv9GBQIi!CNhLg~~60_0.JPG">
    </a>
  </td>
  <td id="cont1" align="top" style="border-collapse:collapse;padding:0;overflow: hidden;height: 96px; width: 96px;margin-right:auto;vertical-align:top;border: 1px solid #CCCCCC;">
    <a id="link1" href="#" style="border:0">
      <img id="previewimage1" style="border:0" src="http://i.sample.com/00/s/MTQ5WDIwMA==/$(KGrHqERQ,IE+tWswcklBQIi!C8rQg~~60_0.JPG">
    </a>
  </td>
</tr>
</tbody>
</table>
4

3 に答える 3

1

それらの間に幅 10px の表セルを追加してみてください:

</td>
<!-- your first td ends -->
<!-- the spacer td -->
<td align="top" width="10>&nbsp;</td>
<!-- your second td begins -->
<td id="cont1" align="top">

すべての電子メール クライアントで、常に電子メール テンプレートに対して機能します。

于 2012-08-08T13:47:56.650 に答える
0

マークの答えは仕事を完璧に行います.cellspacingやcellpaddingはメールクライアント間で非常に一貫性がないため追加しないでください.同じ理由でmarginとpaddingを使用しないでください.しかしまれに他のスペースを使用できない場合があります方法はありません。あなたの境界線についても、省略形の使用を避け、境界線の各部分を個別に設定します。

border-color: #ffffff;
border-style: solid; 
border-width: 1px;

一部のクライアントは簡略版を無視するためです。

CSS を実際に使用する唯一の方法はインライン CSS ですが、古いメール クライアントでは HTML の方が広く認識されているため、可能であればインライン CSS ではなく HTML スタイルを使用する必要があります。

valign="top"
cellpadding="0"
cellspacing="0"

これらはすべて、スタイルに含めるのではなく、タグに追加できます。これにより、古いクライアントや会社のウェブメールでさえ大騒ぎすることはありません.

あなたがそれについて質問しなかったことは知っていますが、一貫性を保つために、私はそれを指摘したいと思いました.

于 2012-11-26T16:59:01.983 に答える
0

cellspacing プロパティを table タグに追加してみてください

<table cellspacing="10" style="border:0;">

于 2012-08-08T13:36:53.070 に答える