HotmailとGmailのニュースレターhtmlテーブルの行間のスペース

私はニュースレターを作成しようとしています。HotmailとGmailのニュースレターhtmlテーブルの行間のスペース

ディスプレイはWebブラウザ上で完璧です.Thunderbirdでも完璧ですが、GmailやHotmailのようなウェブメールでは...行間にスペースがあります。ここで

は私のコードです：ここでは

<center><a href="http://www.itbag.fr/newsletter/03022012/" style="color:#E84691;font-size:10px;">Si la newsletter s'affiche mal, consultez la en ligne</a> 
<table id="Table_01" width="731" height="731" border="0" cellpadding="0" cellspacing="0"> 
<tr> 
    <td colspan="3" align="left" valign="top"> 
     <a href="http://www.itbag.fr" style="display:block;height:131px"> 
      <img src="http://www.itbag.fr/newsletter/03022012/images/image001_01.jpg" width="640" height="131" border="0" alt=""></a></td> 
    <td align="left" valign="top"> 
     <a href="https://www.facebook.com/Itbag.fr?sk=app_128552947241828" style="display:block;height:131px"> 
      <img src="http://www.itbag.fr/newsletter/03022012/images/image001_02.jpg" width="90" height="131" border="0" alt=""></a></td> 
    <td align="left" valign="top"> 
     <img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="1" height="131" alt=""></td> 
</tr> 
<tr> 
    <td colspan="2" align="left" valign="top"> 
     <a href="http://www.itbag.fr" style="display:block;height:74px"> 
      <img src="http://www.itbag.fr/newsletter/03022012/images/image001_03.jpg" width="365" height="74" border="0" alt=""></a></td> 
    <td colspan="2" rowspan="2" align="left" valign="top"> 
     <a href="http://www.itbag.fr/sacs-d-occasion-de-marques/1130-sac_24h_gerard_darel_en_python_neuf.html" style="display:block;height:286px"> 
      <img src="http://www.itbag.fr/newsletter/03022012/images/image001_04.jpg" width="365" height="286" border="0" alt=""></a></td> 
    <td align="left" valign="top"> 
     <img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="1" height="74" alt=""></td> 
</tr> 
<tr> 
    <td rowspan="2" align="left" valign="top"> 
     <a href="http://www.itbag.fr/sac-d-occasion-de-luxe/1114-cabas_burberry_beige.html" style="display:block;height:258px"> 
      <img src="http://www.itbag.fr/newsletter/03022012/images/image001_05.jpg" width="187" height="258" border="0" alt=""></a></td> 
    <td rowspan="2" align="left" valign="top"> 
     <a href="http://www.itbag.fr/accessoires-co/1128-expresso.html" style="display:block;height:258px"> 
      <img src="http://www.itbag.fr/newsletter/03022012/images/image001_06.jpg" width="178" height="258" border="0" alt=""></a></td> 
    <td align="left" valign="top"> 
     <img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="1" height="212" alt=""></td> 
</tr> 
<tr> 
    <td colspan="2" rowspan="3" align="left" valign="top"> 
     <a href="http://www.itbag.fr/accessoires-co/1107-ballerines_heritage.html" style="display:block;height:313px"> 
      <img src="http://www.itbag.fr/newsletter/03022012/images/image001_07.jpg" width="365" height="313" border="0" alt=""></a></td> 
    <td align="left" valign="top"> 
     <img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="1" height="46" alt=""></td> 
</tr> 
<tr> 
    <td align="left" valign="top"> 
     <a href="http://www.itbag.fr/sac-d-occasion-de-luxe/1118-peekaboo.html" style="display:block;height:227px"> 
      <img src="http://www.itbag.fr/newsletter/03022012/images/image001_08.jpg" width="187" height="227" border="0" alt=""></a></td> 
    <td align="left" valign="top"> 
     <a href="http://www.itbag.fr/sac-d-occasion-de-luxe/1120-muse_two_large.html" style="display:block;height:227px"> 
      <img src="http://www.itbag.fr/newsletter/03022012/images/image001_09.jpg" width="178" height="227" border="0" alt=""></a></td> 
    <td align="left" valign="top"> 
     <img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="1" height="227" alt=""></td> 
</tr> 
<tr> 
    <td colspan="2" align="left" valign="top"> 
     <a href="http://www.itbag.fr/mon-compte" style="display:block;height:40px"> 
      <img src="http://www.itbag.fr/newsletter/03022012/images/image001_10.jpg" width="365" height="40" border="0" alt=""></a></td> 
    <td align="left" valign="top"> 
     <img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="1" height="40" alt=""></td> 
</tr> 
<tr> 
    <td align="left" valign="top"> 
     <img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="187" height="1" alt=""></td> 
    <td align="left" valign="top"> 
     <img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="178" height="1" alt=""></td> 
    <td align="left" valign="top"> 
     <img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="275" height="1" alt=""></td> 
    <td align="left" valign="top"> 
     <img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="90" height="1" alt=""></td> 
    <td></td> 
</tr> 
</table></center>

は直接のリンクです：http://www.itbag.fr/newsletter/03022012

そしてここで、GmailやHotmailの中にディスプレイの2つのスクリーンショットがあります：

hotmail Gmail

は

誰も私を助けることができますか？私は本当にこのウェブメールのために答えるありません推測

出典

2012-02-02 Raphaël

...私はこのソースで見

：すべてのウェブメールと読者が「フロート」を理解http://www.campaignmonitor.com/css/ ...将来的にはそう

、à floatカラムで試してください。

出典

2012-02-07 13:19:46

私は

<td style="line-height:0"><img ... /></td>

Found on this Q&Aと同様の問題を解決し、私はまだ潜在的な重複を通知することは許されないのです。

出典

2012-05-16 11:36:15

これは動作しますが、一部のスペースはまだ残っています。 –

これも私の問題を解決しました。私はいつもdisplay：blockを使いますが、それと動作しないランダムな電子メールが1つあります。行の高さを固定しました。ありがとうございました。 – surfbird0713

これは解決策です。ウェブメールソフトウェアはメールのHTMLソースコードにホワイトスペースを追加します。この追加の空白は、テーブルセルの間にギャップを生じさせます。ギャップは細胞間ではない。しかし、追加された空白は細胞を成長させます。 – haui

怒鳴る

<img style="display: block" src="sample.gif" alt="sample" />

述べたようにstyle="display: block"を追加しても

img { display: block }

を追加するにはthe original postを参照してください。

出典

2012-05-21 08:16:24 Nadeem

これは私のためにhotmailで働いていました。 – Joshc

はGmailで働いた – Schien

今後の参考にしてください：同じtrの中にあなたのtdが同じパディングの上端と下端を持っていなければならないことを覚えておいてください。これは、いくつかの領域にスペースを追加していて、もう1つはスペースを取得していますが、スタイルは表示されていないためです（あなたが定義したスペースだけです）。

ボーダーも起こります。

出典

2016-08-16 14:32:05

HotmailとGmailのニュースレターhtmlテーブルの行間のスペース

答えて

関連する問題