簡體   English   中英

Outlook破壞了我的電子郵件

[英]Outlook is breaking my email

我正在設計的電子郵件存在一些問題。 我試圖將這三個表並排放置,下面的三個表放在一起(但是這樣做的話,我將在移動設備上查看時是一個接一個的。)這在yahoo和hotmail等電子郵件客戶端中效果很好,但它開始崩潰在Outlook中,兩個將並排放置在下面的下表中(在電子郵件的右側創建了一個巨大的空間。)對於電子郵件設計來說我是一個新手,所以任何幫助都會很棒。

<table width="593" border="0" cellspacing="0" cellpadding="0">
    <tbody>
        <tr>
            <td width="593"><table style="float: left;" align="center"
                    border="0" width="196" cellpadding="0" cellspacing="0">
                    <tbody>
                        <tr>
                            <td height="5" colspan="3"></td>
                            <td width="5" colspan="3" rowspan="4">&nbsp;</td>
                        </tr>
                        <tr>
                            <td colspan="3" bgcolor="#ffffff"><span
                                style="font-size: 10px; font-family: Helvetica, Arial, sans-serif;"><img
                                    src="entertainment.gif" alt="" width="38" height="38"
                                    align="left" />&nbsp;&nbsp;<strong>Magazine
                                        Subsription</strong><br> &nbsp; Some awesome stuff</span></td>
                        </tr>
                        <tr>
                            <td colspan="3" bgcolor="#ffffff"><a target="_blank"
                                href="LINK"><img style="display: block;" src="IMAGE"
                                    alt="Parrot Rolling Spider" border="0" height="190" width="190"></a></td>
                        </tr>
                        <tr>
                            <td width="5" height="26" bgcolor="#ffffff">&nbsp;</td>
                            <td width="84" bgcolor="#ffffff"><span
                                style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;">12,000
                                    Points</span></td>
                            <td width="101" bgcolor="#ffffff"><table align=""
                                    width="101" height="26" cellpadding="0" cellspacing="0">
                                    <tr valign="middle" align="center" width="300" height="10"
                                        bgcolor="#8ec043" style="color: #ffffff;">
                                        <td valign="middle"
                                            style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"
                                            width="83" height="24"><div align="center">
                                                <a href="LINK"
                                                    style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height: 10px; width: 100%; display: inline-block"><span
                                                    style="color: #FFFFFF">Spend Points</span></a>
                                            </div></td>
                                        <td width="16" valign="middle"><a href="LINK"><img
                                                src="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/maximile-email-elements2014/arrow.gif"
                                                alt="" width="12" height="16" align="left" /></a></td>
                                    </tr>
                                </table></td>
                        </tr>
                    </tbody>
                </table>
                <table style="float: left;" align="center" border="0" width="196"
                    cellpadding="0" cellspacing="0">
                    <tbody>
                        <tr>
                            <td height="5" colspan="3"></td>
                            <td width="5" colspan="3" rowspan="4">&nbsp;</td>
                        </tr>
                        <tr>
                            <td colspan="3" bgcolor="#ffffff"><span
                                style="font-size: 10px; font-family: Helvetica, Arial, sans-serif;"><img
                                    src="entertainment.gif" alt="" width="38" height="38"
                                    align="left" />&nbsp;&nbsp;<strong>Magazine
                                        Subsription</strong><br> &nbsp; Some awesome stuff</span></td>
                        </tr>
                        <tr>
                            <td colspan="3" bgcolor="#ffffff"><a target="_blank"
                                href="LINK"><img style="display: block;" src="IMAGE"
                                    alt="Parrot Rolling Spider" border="0" height="190" width="190"></a></td>
                        </tr>
                        <tr>
                            <td width="5" height="26" bgcolor="#ffffff">&nbsp;</td>
                            <td width="84" bgcolor="#ffffff"><span
                                style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;">12,000
                                    Points</span></td>
                            <td width="101" bgcolor="#ffffff"><table align=""
                                    width="101" height="26" cellpadding="0" cellspacing="0">
                                    <tr valign="middle" align="center" width="300" height="10"
                                        bgcolor="#8ec043" style="color: #ffffff;">
                                        <td valign="middle"
                                            style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"
                                            width="83" height="24"><div align="center">
                                                <a href="LINK"
                                                    style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height: 10px; width: 100%; display: inline-block"><span
                                                    style="color: #FFFFFF">Spend Points</span></a>
                                            </div></td>
                                        <td width="16" valign="middle"><a href="LINK"><img
                                                src="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/maximile-email-elements2014/arrow.gif"
                                                alt="" width="12" height="16" align="left" /></a></td>
                                    </tr>
                                </table></td>
                        </tr>
                    </tbody>
                </table>
                <table style="float: left;" align="center" border="0" width="196"
                    cellpadding="0" cellspacing="0">
                    <tbody>
                        <tr>
                            <td height="5" colspan="3"></td>
                            <td width="5" colspan="3" rowspan="4">&nbsp;</td>
                        </tr>
                        <tr>
                            <td colspan="3" bgcolor="#ffffff"><span
                                style="font-size: 10px; font-family: Helvetica, Arial, sans-serif;"><img
                                    src="entertainment.gif" alt="" width="38" height="38"
                                    align="left" />&nbsp;&nbsp;<strong>Magazine
                                        Subsription</strong><br> &nbsp; Some awesome stuff</span></td>
                        </tr>
                        <tr>
                            <td colspan="3" bgcolor="#ffffff"><a target="_blank"
                                href="LINK"><img style="display: block;" src="IMAGE"
                                    alt="Parrot Rolling Spider" border="0" height="190" width="190"></a></td>
                        </tr>
                        <tr>
                            <td width="5" height="26" bgcolor="#ffffff">&nbsp;</td>
                            <td width="84" bgcolor="#ffffff"><span
                                style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;">12,000
                                    Points</span></td>
                            <td width="101" bgcolor="#ffffff"><table align=""
                                    width="101" height="26" cellpadding="0" cellspacing="0">
                                    <tr valign="middle" align="center" width="300" height="10"
                                        bgcolor="#8ec043" style="color: #ffffff;">
                                        <td valign="middle"
                                            style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"
                                            width="83" height="24"><div align="center">
                                                <a href="LINK"
                                                    style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height: 10px; width: 100%; display: inline-block"><span
                                                    style="color: #FFFFFF">Spend Points</span></a>
                                            </div></td>
                                        <td width="16" valign="middle"><a href="LINK"><img
                                                src="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/maximile-email-elements2014/arrow.gif"
                                                alt="" width="12" height="16" align="left" /></a></td>
                                    </tr>
                                </table></td>
                        </tr>
                    </tbody>
                </table>
                <p>&nbsp;</p>
                <table style="float: left;" align="center" border="0" width="196"
                    cellpadding="0" cellspacing="0">
                    <tbody>
                        <tr>
                            <td height="5" colspan="3"></td>
                            <td width="5" colspan="3" rowspan="4">&nbsp;</td>
                        </tr>
                        <tr>
                            <td colspan="3" bgcolor="#ffffff"><span
                                style="font-size: 10px; font-family: Helvetica, Arial, sans-serif;"><img
                                    src="entertainment.gif" alt="" width="38" height="38"
                                    align="left" />&nbsp;&nbsp;<strong>Magazine
                                        Subsription</strong><br> &nbsp; Some awesome stuff</span></td>
                        </tr>
                        <tr>
                            <td colspan="3" bgcolor="#ffffff"><a target="_blank"
                                href="LINK"><img style="display: block;" src="IMAGE"
                                    alt="Parrot Rolling Spider" border="0" height="190" width="190"></a></td>
                        </tr>
                        <tr>
                            <td width="5" height="26" bgcolor="#ffffff">&nbsp;</td>
                            <td width="84" bgcolor="#ffffff"><span
                                style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;">12,000
                                    Points</span></td>
                            <td width="101" bgcolor="#ffffff"><table align=""
                                    width="101" height="26" cellpadding="0" cellspacing="0">
                                    <tr valign="middle" align="center" width="300" height="10"
                                        bgcolor="#8ec043" style="color: #ffffff;">
                                        <td valign="middle"
                                            style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"
                                            width="83" height="24"><div align="center">
                                                <a href="LINK"
                                                    style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height: 10px; width: 100%; display: inline-block"><span
                                                    style="color: #FFFFFF">Spend Points</span></a>
                                            </div></td>
                                        <td width="16" valign="middle"><a href="LINK"><img
                                                src="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/maximile-email-elements2014/arrow.gif"
                                                alt="" width="12" height="16" align="left" /></a></td>
                                    </tr>
                                </table></td>
                        </tr>
                    </tbody>
                </table>
                <table style="float: left;" align="center" border="0" width="196"
                    cellpadding="0" cellspacing="0">
                    <tbody>
                        <tr>
                            <td height="5" colspan="3"></td>
                            <td width="5" colspan="3" rowspan="4">&nbsp;</td>
                        </tr>
                        <tr>
                            <td colspan="3" bgcolor="#ffffff"><span
                                style="font-size: 10px; font-family: Helvetica, Arial, sans-serif;"><img
                                    src="entertainment.gif" alt="" width="38" height="38"
                                    align="left" />&nbsp;&nbsp;<strong>Magazine
                                        Subsription</strong><br> &nbsp; Some awesome stuff</span></td>
                        </tr>
                        <tr>
                            <td colspan="3" bgcolor="#ffffff"><a target="_blank"
                                href="LINK"><img style="display: block;" src="IMAGE"
                                    alt="Parrot Rolling Spider" border="0" height="190" width="190"></a></td>
                        </tr>
                        <tr>
                            <td width="5" height="26" bgcolor="#ffffff">&nbsp;</td>
                            <td width="84" bgcolor="#ffffff"><span
                                style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;">12,000
                                    Points</span></td>
                            <td width="101" bgcolor="#ffffff"><table align=""
                                    width="101" height="26" cellpadding="0" cellspacing="0">
                                    <tr valign="middle" align="center" width="300" height="10"
                                        bgcolor="#8ec043" style="color: #ffffff;">
                                        <td valign="middle"
                                            style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"
                                            width="83" height="24"><div align="center">
                                                <a href="LINK"
                                                    style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height: 10px; width: 100%; display: inline-block"><span
                                                    style="color: #FFFFFF">Spend Points</span></a>
                                            </div></td>
                                        <td width="16" valign="middle"><a href="LINK"><img
                                                src="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/maximile-email-elements2014/arrow.gif"
                                                alt="" width="12" height="16" align="left" /></a></td>
                                    </tr>
                                </table></td>
                        </tr>
                    </tbody>
                </table>
                <table style="float: left;" align="center" border="0" width="196"
                    cellpadding="0" cellspacing="0">
                    <tbody>
                        <tr>
                            <td height="5" colspan="3"></td>
                            <td width="5" colspan="3" rowspan="4">&nbsp;</td>
                        </tr>
                        <tr>
                            <td colspan="3" bgcolor="#ffffff"><span
                                style="font-size: 10px; font-family: Helvetica, Arial, sans-serif;"><img
                                    src="entertainment.gif" alt="" width="38" height="38"
                                    align="left" />&nbsp;&nbsp;<strong>Magazine
                                        Subsription</strong><br> &nbsp; Some awesome stuff</span></td>
                        </tr>
                        <tr>
                            <td colspan="3" bgcolor="#ffffff"><a target="_blank"
                                href="LINK"><img style="display: block;" src="IMAGE"
                                    alt="Parrot Rolling Spider" border="0" height="190" width="190"></a></td>
                        </tr>
                        <tr>
                            <td width="5" height="26" bgcolor="#ffffff">&nbsp;</td>
                            <td width="84" bgcolor="#ffffff"><span
                                style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;">12,000
                                    Points</span></td>
                            <td width="101" bgcolor="#ffffff"><table align=""
                                    width="101" height="26" cellpadding="0" cellspacing="0">
                                    <tr valign="middle" align="center" width="300" height="10"
                                        bgcolor="#8ec043" style="color: #ffffff;">
                                        <td valign="middle"
                                            style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"
                                            width="83" height="24"><div align="center">
                                                <a href="LINK"
                                                    style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height: 10px; width: 100%; display: inline-block"><span
                                                    style="color: #FFFFFF">Spend Points</span></a>
                                            </div></td>
                                        <td width="16" valign="middle"><a href="LINK"><img
                                                src="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/maximile-email-elements2014/arrow.gif"
                                                alt="" width="12" height="16" align="left" /></a></td>
                                    </tr>
                                </table></td>
                        </tr>
                    </tbody>
                </table>
                <p>&nbsp;</p>
                <p>&nbsp;</p></td>
        </tr>
    </tbody>
</table>

您可以通過將內容放在完全獨立的表中來解決此Outlook錯誤:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left" valign="top" style="font-size:36px;">SOME HEADER CONTENT TO GO IN HERE</td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tbody>
        <tr>
            <td width="593"><table style="float: left;" align="center" border="0" width="196"
                    cellpadding="0" cellspacing="0">
                    <tbody>
                        <tr>
                            <td bgcolor="#ffffff"><span
                                style="font-size: 10px; font-family: Helvetica, Arial, sans-serif;"><img
                                    src="entertainment.gif" alt="" width="38" height="38"
                                    align="left" />&nbsp;&nbsp;<strong>Magazine
                                        Subsription</strong><br> &nbsp; Some awesome stuff</span></td>
                        </tr>
                        <tr>
                            <td bgcolor="#ffffff"><a target="_blank"
                                href="LINK"><img style="display: block;" src="IMAGE"
                                    alt="Parrot Rolling Spider" border="0" height="190" width="190"></a></td>
                        </tr>
                        <tr>
                          <td bgcolor="#ffffff"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="84" height="26" bgcolor="#ffffff"><span
                                style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;">12,000
                                    Points</span></td>
                            <td width="101" bgcolor="#ffffff"><table align=""
                                    width="101" height="26" cellpadding="0" cellspacing="0">
                                    <tr valign="middle" align="center" width="300" height="10"
                                        bgcolor="#8ec043" style="color: #ffffff;">
                                        <td valign="middle"
                                            style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"
                                            width="83" height="24"><div align="center">
                                                <a href="LINK"
                                                    style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height: 10px; width: 100%; display: inline-block"><span
                                                    style="color: #FFFFFF">Spend Points</span></a>
                                            </div></td>
                                        <td width="16" valign="middle"><a href="LINK"><img
                                                src="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/maximile-email-elements2014/arrow.gif"
                                                alt="" width="12" height="16" align="left" /></a></td>
                                    </tr>
                                </table></td>
                            </tr>
                          </table></td>
                        </tr>

                    </tbody>
                </table>
              <table style="float: left;" align="center" border="0" width="196"
                    cellpadding="0" cellspacing="0">
                    <tbody>
                        <tr>
                            <td bgcolor="#ffffff"><span
                                style="font-size: 10px; font-family: Helvetica, Arial, sans-serif;"><img
                                    src="entertainment.gif" alt="" width="38" height="38"
                                    align="left" />&nbsp;&nbsp;<strong>Magazine
                                        Subsription</strong><br> &nbsp; Some awesome stuff</span></td>
                        </tr>
                        <tr>
                            <td bgcolor="#ffffff"><a target="_blank"
                                href="LINK"><img style="display: block;" src="IMAGE"
                                    alt="Parrot Rolling Spider" border="0" height="190" width="190"></a></td>
                        </tr>
                        <tr>
                          <td bgcolor="#ffffff"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="84" height="26" bgcolor="#ffffff"><span
                                style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;">12,000
                                    Points</span></td>
                            <td width="101" bgcolor="#ffffff"><table align=""
                                    width="101" height="26" cellpadding="0" cellspacing="0">
                                    <tr valign="middle" align="center" width="300" height="10"
                                        bgcolor="#8ec043" style="color: #ffffff;">
                                        <td valign="middle"
                                            style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"
                                            width="83" height="24"><div align="center">
                                                <a href="LINK"
                                                    style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height: 10px; width: 100%; display: inline-block"><span
                                                    style="color: #FFFFFF">Spend Points</span></a>
                                            </div></td>
                                        <td width="16" valign="middle"><a href="LINK"><img
                                                src="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/maximile-email-elements2014/arrow.gif"
                                                alt="" width="12" height="16" align="left" /></a></td>
                                    </tr>
                                </table></td>
                            </tr>
                          </table></td>
                        </tr>

                    </tbody>
                </table>
                <table style="float: left;" align="center" border="0" width="196"
                    cellpadding="0" cellspacing="0">
                    <tbody>
                        <tr>
                            <td bgcolor="#ffffff"><span
                                style="font-size: 10px; font-family: Helvetica, Arial, sans-serif;"><img
                                    src="entertainment.gif" alt="" width="38" height="38"
                                    align="left" />&nbsp;&nbsp;<strong>Magazine
                                        Subsription</strong><br> &nbsp; Some awesome stuff</span></td>
                        </tr>
                        <tr>
                            <td bgcolor="#ffffff"><a target="_blank"
                                href="LINK"><img style="display: block;" src="IMAGE"
                                    alt="Parrot Rolling Spider" border="0" height="190" width="190"></a></td>
                        </tr>
                        <tr>
                          <td bgcolor="#ffffff"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="84" height="26" bgcolor="#ffffff"><span
                                style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;">12,000
                                    Points</span></td>
                            <td width="101" bgcolor="#ffffff"><table align=""
                                    width="101" height="26" cellpadding="0" cellspacing="0">
                                    <tr valign="middle" align="center" width="300" height="10"
                                        bgcolor="#8ec043" style="color: #ffffff;">
                                        <td valign="middle"
                                            style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"
                                            width="83" height="24"><div align="center">
                                                <a href="LINK"
                                                    style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height: 10px; width: 100%; display: inline-block"><span
                                                    style="color: #FFFFFF">Spend Points</span></a>
                                            </div></td>
                                        <td width="16" valign="middle"><a href="LINK"><img
                                                src="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/maximile-email-elements2014/arrow.gif"
                                                alt="" width="12" height="16" align="left" /></a></td>
                                    </tr>
                                </table></td>
                            </tr>
                          </table></td>
                        </tr>

                    </tbody>
                </table></td>
        </tr>
    </tbody>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tbody>
        <tr>
            <td width="593"><table style="float: left;" align="center" border="0" width="196"
                    cellpadding="0" cellspacing="0">
                    <tbody>
                        <tr>
                            <td bgcolor="#ffffff"><span
                                style="font-size: 10px; font-family: Helvetica, Arial, sans-serif;"><img
                                    src="entertainment.gif" alt="" width="38" height="38"
                                    align="left" />&nbsp;&nbsp;<strong>Magazine
                                        Subsription</strong><br> &nbsp; Some awesome stuff</span></td>
                        </tr>
                        <tr>
                            <td bgcolor="#ffffff"><a target="_blank"
                                href="LINK"><img style="display: block;" src="IMAGE"
                                    alt="Parrot Rolling Spider" border="0" height="190" width="190"></a></td>
                        </tr>
                        <tr>
                          <td bgcolor="#ffffff"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="84" height="26" bgcolor="#ffffff"><span
                                style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;">12,000
                                    Points</span></td>
                            <td width="101" bgcolor="#ffffff"><table align=""
                                    width="101" height="26" cellpadding="0" cellspacing="0">
                                    <tr valign="middle" align="center" width="300" height="10"
                                        bgcolor="#8ec043" style="color: #ffffff;">
                                        <td valign="middle"
                                            style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"
                                            width="83" height="24"><div align="center">
                                                <a href="LINK"
                                                    style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height: 10px; width: 100%; display: inline-block"><span
                                                    style="color: #FFFFFF">Spend Points</span></a>
                                            </div></td>
                                        <td width="16" valign="middle"><a href="LINK"><img
                                                src="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/maximile-email-elements2014/arrow.gif"
                                                alt="" width="12" height="16" align="left" /></a></td>
                                    </tr>
                                </table></td>
                            </tr>
                          </table></td>
                        </tr>

                    </tbody>
                </table>
                <table style="float: left;" align="center" border="0" width="196"
                    cellpadding="0" cellspacing="0">
                    <tbody>
                        <tr>
                            <td bgcolor="#ffffff"><span
                                style="font-size: 10px; font-family: Helvetica, Arial, sans-serif;"><img
                                    src="entertainment.gif" alt="" width="38" height="38"
                                    align="left" />&nbsp;&nbsp;<strong>Magazine
                                        Subsription</strong><br> &nbsp; Some awesome stuff</span></td>
                        </tr>
                        <tr>
                            <td bgcolor="#ffffff"><a target="_blank"
                                href="LINK"><img style="display: block;" src="IMAGE"
                                    alt="Parrot Rolling Spider" border="0" height="190" width="190"></a></td>
                        </tr>
                        <tr>
                          <td bgcolor="#ffffff"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="84" height="26" bgcolor="#ffffff"><span
                                style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;">12,000
                                    Points</span></td>
                            <td width="101" bgcolor="#ffffff"><table align=""
                                    width="101" height="26" cellpadding="0" cellspacing="0">
                                    <tr valign="middle" align="center" width="300" height="10"
                                        bgcolor="#8ec043" style="color: #ffffff;">
                                        <td valign="middle"
                                            style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"
                                            width="83" height="24"><div align="center">
                                                <a href="LINK"
                                                    style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height: 10px; width: 100%; display: inline-block"><span
                                                    style="color: #FFFFFF">Spend Points</span></a>
                                            </div></td>
                                        <td width="16" valign="middle"><a href="LINK"><img
                                                src="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/maximile-email-elements2014/arrow.gif"
                                                alt="" width="12" height="16" align="left" /></a></td>
                                    </tr>
                                </table></td>
                            </tr>
                          </table></td>
                        </tr>

                    </tbody>
                </table>
                <table style="float: left;" align="center" border="0" width="196"
                    cellpadding="0" cellspacing="0">
                    <tbody>
                        <tr>
                            <td bgcolor="#ffffff"><span
                                style="font-size: 10px; font-family: Helvetica, Arial, sans-serif;"><img
                                    src="entertainment.gif" alt="" width="38" height="38"
                                    align="left" />&nbsp;&nbsp;<strong>Magazine
                                        Subsription</strong><br> &nbsp; Some awesome stuff</span></td>
                        </tr>
                        <tr>
                            <td bgcolor="#ffffff"><a target="_blank"
                                href="LINK"><img style="display: block;" src="IMAGE"
                                    alt="Parrot Rolling Spider" border="0" height="190" width="190"></a></td>
                        </tr>
                        <tr>
                          <td bgcolor="#ffffff"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="84" height="26" bgcolor="#ffffff"><span
                                style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;">12,000
                                    Points</span></td>
                            <td width="101" bgcolor="#ffffff"><table align=""
                                    width="101" height="26" cellpadding="0" cellspacing="0">
                                    <tr valign="middle" align="center" width="300" height="10"
                                        bgcolor="#8ec043" style="color: #ffffff;">
                                        <td valign="middle"
                                            style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"
                                            width="83" height="24"><div align="center">
                                                <a href="LINK"
                                                    style="font-size: 10px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height: 10px; width: 100%; display: inline-block"><span
                                                    style="color: #FFFFFF">Spend Points</span></a>
                                            </div></td>
                                        <td width="16" valign="middle"><a href="LINK"><img
                                                src="http://www.maximiles.co.uk/images/dynamics/uk/email_images/ftpIMAGES2014/maximile-email-elements2014/arrow.gif"
                                                alt="" width="12" height="16" align="left" /></a></td>
                                    </tr>
                                </table></td>
                            </tr>
                          </table></td>
                        </tr>

                    </tbody>
                </table></td>
        </tr>
    </tbody>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left" valign="top" style="font-size:36px;">FOOTER<br />
      Ts&amp;Cs to go here as well</td>
  </tr>
</table>

</body>
</html>

另外,避免使用rowpan和colspan-而是使用嵌套表。 我已經在上面的代碼中對此進行了修改

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM