テーブルの終了後にGmailのhtmlメールギャップが表示される

テーブルの後ろにgmailが置かれたHTMLメールに問題があります。それは私を夢中にさせてくれて、私のテーブルをいろいろな形で入れ子にしました。ここに私のコードです：テーブルの終了後にGmailのhtmlメールギャップが表示される

<html> 
<head> 
</head> 


<body bgcolor="#000000" yahoo="fix"> 

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="margin:0 auto"> 
<tbody> 
    <tr> 
    <td width="600" style="background-color:#fafafa" bgcolor="#fafafa"> 
    <table width="600" border="0" align="center" cellpadding="0" cellspacing="0" style="margin:0 auto"> 
    <tbody> 
     <tr> 
     <td width="600"> 
     <table width="600" cellpadding="0" cellspacing="0" border="0" bgcolor="#000000" style="background-color:#000000;margin:0 auto"> 
     <tr><td> 
      <table align="top" border="0" cellpadding="0" cellspacing="0" width="600" height="auto"> 
      <tr> 
      <td valign="bottom" width="600"> 
       <table border="0" cellpadding="0" cellspacing="0" width="600" align="top"> 
        <a href="#"> 
        <tr> 
         <td width="600" align="center"> 
          <img height="80" src="http://images5.fanpop.com/image/photos/26000000/Garfield-garfield-26077854-262-256.gif" width="600" style="display:block;" /> 
         </td> 
        </tr> 
        <tr> 
         <td width="600" align="center"> 
          <img alt="" height="820" src="http://images5.fanpop.com/image/photos/26000000/Garfield-garfield-26077854-262-256.gif" width="600" style="display:block;" /> 
         </td> 
        </tr> 
        <tr> 
         <td width="600" align="center"> 
          <img height="225" src="http://images5.fanpop.com/image/photos/26000000/Garfield-garfield-26077854-262-256.gif" width="600" style="display:block;" /> 
         </td> 
        </tr> 
        </a> 
       </table> 
      </td> 
      </tr> 
     </td> 
     </tr> 
    </tbody> 
    </table> 
    </td> 
    </tr> 
</tbody> 
</table> 
</body></html>

これはGmailのように見えます。私は自分のhtml電子メールの終わりに黒いバーを取り除こうとしています。非常に難しいと思われます...

出典

2016-12-10 replicant129

コードのデモがあります。 http://codepen.io/sol_b/pen/BQPVaYページの境界線を意味しますか？ – sol

まだ黒いバーがあります。奇妙な。 – replicant129

table、tbody、trなどのHTMLタグは正しく閉じられませんでした。私は更新されたものを使ってmailchimp経由で自分自身に送信しようとしましたが、Gmailのインターフェースから見た黒い棒は表示されませんでした。更新済み：

<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <title></title> 
    </head> 
    <body bgcolor="#000000" yahoo="fix"> 
    <table width="100%" border="0" cellspacing="0" cellpadding="0" 
    align="center" style="margin:0 auto"> 
     <tbody> 
     <tr> 
      <td width="600" style="background-color:#fafafa" bgcolor= 
      "#FAFAFA"> 
      <table width="600" border="0" align="center" 
      cellpadding="0" cellspacing="0" style="margin:0 auto"> 
       <tbody> 
       <tr> 
        <td width="600"> 
        <table width="600" cellpadding="0" cellspacing= 
        "0" border="0" bgcolor="#000000" style= 
        "background-color:#000000;margin:0 auto"> 
         <tr> 
         <td> 
          <table align="top" border="0" 
          cellpadding="0" cellspacing="0" width= 
          "600" height="auto"> 
          <tr> 
           <td valign="bottom" width="600"> 
           <a href="#"></a> 
           <table border="0" cellpadding="0" 
           cellspacing="0" width="600" align= 
           "top"> 
            <tr> 
            <td width="600" align="center"> 
             <img height="80" src= 
             "http://images5.fanpop.com/image/photos/26000000/Garfield-garfield-26077854-262-256.gif" 
             width="600" style= 
             "display:block;" /> 
            </td> 
            </tr> 
            <tr> 
            <td width="600" align="center"> 
             <img alt="" height="820" src= 
             "http://images5.fanpop.com/image/photos/26000000/Garfield-garfield-26077854-262-256.gif" 
             width="600" style= 
             "display:block;" /> 
            </td> 
            </tr> 
            <tr> 
            <td width="600" align="center"> 
             <img height="225" src= 
             "http://images5.fanpop.com/image/photos/26000000/Garfield-garfield-26077854-262-256.gif" 
             width="600" style= 
             "display:block;" /> 
            </td> 
            </tr> 
           </table> 
           </td> 
          </tr> 
          </table> 
         </td> 
         </tr> 
        </table> 
        </td> 
       </tr> 
       </tbody> 
      </table> 
      </td> 
     </tr> 
     </tbody> 
    </table> 
    </body> 
</html>

出典

2016-12-10 17:36:45 cweitat

私はまだ黒いバー.....奇妙な参照してください。 – replicant129

gmailからコードをコピーできますか？ – cweitat

テーブルの終了後にGmailのhtmlメールギャップが表示される

答えて

関連する問題