表结束后在gmail中出现的html电子邮件差距

时间:2016-12-10 13:20:36

标签: html email gmail html-table

我遇到了HTML电子邮件的问题,其中gmail在我的表之后留下了空白。它让我疯狂,并尝试以各种不同的方式嵌套我的桌子。这是我的代码:

<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电子邮件末尾的黑条。似乎很难...... enter image description here

1 个答案:

答案 0 :(得分:1)

您的HTML标记(例如tabletbodytr未正确关闭。我试图通过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>