表格結束後出現在gmail中的html電子郵件空白

我有一個HTML電子郵件問題，其中gmail在我的表格之後放置了空白。它一直讓我發瘋，並嘗試以各種不同的方式嵌套我的牌桌。這裏是我的代碼：表格結束後出現在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

您的HTML標記，例如table,tbody和tr沒有正確關閉。我試圖通過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電子郵件空白

回答

相關問題