2016-10-13 8 views
3

Gmailアプリケーションで表示されたときに、HTML電子メールに画像間にわずかなギャップがあります。HTML電子メール画像間のギャップを表示

私のイメージスライスが流体イメージのように見えるように、このギャップを取り除くにはどうすればよいですか?

私はディスプレイ上でブロックを試みました:パディング:0と余白:0しかし、私はまだそのギャップを得ています。

はここに私のHTMLです:

<table border="0" cellpadding="0" cellspacing="0" style="width: 650px !important; padding: 0 !important;"> 
    <tr style="padding: 0 !important;"> 
     <td style="padding: 0 !important; line-height: 0;" align="left" valign="top"> 
      <a href="http://www.google.com/" target="_parent" style="display: block !important;"><img style="display: block !important; padding: 0 !important; margin: 0 !important;" border="0" src="01.jpg"></a> 
     </td> 
    </tr> 
    <tr> 
     <td style="padding: 0 !important; line-height: 0;" align="left" valign="top"> 
      <a href="http://www.google.com/" target="_parent" style="display: block !important;"><img style="display: block !important; padding: 0 !important; margin: 0 !important;" border="0" src="02.jpg"></a> 
     </td> 
    </tr> 
    <tr> 
     <td style="padding: 0 !important; line-height: 0;" align="left" valign="top"> 
      <a href="http://www.google.com/" target="_parent" style="display: block !important;"><img style="display: block !important; padding: 0 !important; margin: 0 !important;" border="0" src="03.jpg"></a> 
     </td> 
    </tr> 
</table> 
+0

私は実際にこれがどのようなOS上でのアプリのバージョンに依存だと思います、ヌーガットではマシュマロではお菓子が効いていますが、私は価格の下に一本のラインがありますが、私はあなたの見たものを見たことがありません。あなたは画像に 'border-collapse:collapse'を設定することができます。 – Corporalis

+0

アンカータグを一時的に削除して、それが問題を引き起こしている可能性があるかどうかを確認することもできます。 – Corporalis

答えて

0

あなただけのAタグに余白を調整するために必要な..

<table border="0" cellpadding="0" cellspacing="0" style="width: 650px !important; padding: 0 !important;"> 
    <tr style="padding: 0 !important;"> 
     <td style="padding: 0 !important; line-height: 0;" align="left" valign="top"> 
      <a href="http://www.google.com/" target="_parent" style="display: block !important;"><img style="display: block !important; padding: 0 !important; margin: 0 !important;" border="0" src="https://d1ok0qgebci2d3.cloudfront.net/91/650x366/TheatricalsCos_EM_10112016_01.jpg"></a> 
     </td> 
    </tr> 
    <tr> 
     <td style="padding: 0 !important; line-height: 0;" align="left" valign="top"> 
      <a href="http://www.google.com/" target="_parent" style="display: block !important;margin-top:-4px"><img style="display: block !important; padding: 0 !important; margin: 0 !important;" border="0" src="https://d1ok0qgebci2d3.cloudfront.net/91/650x98/TheatricalsCos_EM_10112016_02.jpg"></a> 
     </td> 
    </tr> 
    <tr> 
     <td style="padding: 0 !important; line-height: 0;" align="left" valign="top"> 
      <a href="http://www.google.com/" target="_parent" style="display: block !important;margin-top:-4px"><img style="display: block !important; padding: 0 !important; margin: 0 !important;" border="0" src="https://d1ok0qgebci2d3.cloudfront.net/91/650x148/TheatricalsCos_EM_10112016_03.jpg"></a> 
     </td> 
    </tr> 
</table> 
+0

これで問題は解決しましたか? – Henry

関連する問題