Question

Outlook 2010似乎没有在我创建的简报邮件中识别我的HTML表格。它在Gmail中具有完美的视图，具有所有正确的间距/填充，但在外观中它只是将图像大小并排放在一个长而混乱的图像行中，而不是在表格中整齐地间隔。我对HTML有点新鲜，所以有人知道我的表是否有替代品，或者我的代码是否有问题。对不起，其他类似的问题都没有真正回答我的问题

以下是代码：

<table border="0" cellpadding="0" cellspacing="0" width="100%" id="textEdit">
   <tbody>
      <tr>
        <td style="padding: 0px; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; color: #595959;" valign="top" styleclass=" style_MainText">
            <div style="padding: 0px; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; color: #595959;" valign="top" styleclass=" style_MainText">
                <img style="display: block; padding: 20px 20px 10px 20px;" height="200" vspace="0" border="0" name="ACCOUNT.IMAGE.888" hspace="0" width="624" src="https://origin.ih.constantcontact.com/fs159/1111545680481/img/888.png" align="left">
                <img style="display: block; padding: 10px 0px 10px 20px;" height="624" vspace="0" border="0" name="ACCOUNT.IMAGE.889" hspace="0" width="302" src="https://origin.ih.constantcontact.com/fs159/1111545680481/img/889.png" align="left">
                <img style="display: block; padding: 10px 20px 10px 0px;" height="302" vspace="0" border="0" name="ACCOUNT.IMAGE.874" hspace="0" width="302" src="https://origin.ih.constantcontact.com/fs159/1111545680481/img/874.png" align="right">
                <img style="display: block; padding: 10px 20px 10px 0px;" height="302" vspace="0" name="ACCOUNT.IMAGE.881" border="0" hspace="0" width="302" src="https://origin.ih.constantcontact.com/fs159/1111545680481/img/881.png" align="right">
                <img style="display: block; padding: 10px 0px 10px 20px;" height="302" vspace="0" name="ACCOUNT.IMAGE.882" border="0" hspace="0" width="302" src="https://origin.ih.constantcontact.com/fs159/1111545680481/img/882.png" align="left">
                <img style="display: block; padding: 10px 20px 10px 0px;" height="302" vspace="0" name="ACCOUNT.IMAGE.873" border="0" hspace="0" width="302" src="https://origin.ih.constantcontact.com/fs159/1111545680481/img/873.png" align="right">
                <img style="display: block; padding: 10px 0px 20px 20px;" height="302" vspace="0" name="ACCOUNT.IMAGE.884" border="0" hspace="0" width="302" src="https://origin.ih.constantcontact.com/fs159/1111545680481/img/884.png" align="left">
                <img style="display: block; padding: 10px 20px 20px 0px;" height="302" vspace="0" name="ACCOUNT.IMAGE.886" border="0" hspace="0" width="302" src="https://origin.ih.constantcontact.com/fs159/1111545680481/img/886.png" align="right">
            </div>
        </td>
    </tr>
  </tbody>
</table>

Answer 1

虽然使用此代码可以改进很多内容，但您应该做的第一件事就是删除所有填充样式。当您尝试在Outlook中使用填充时，填充会变得混乱...... Outlook会将填充复制到每个子元素，并且您可以做的唯一事情就是不使用填充。

另外，什么是styleclass？我以前从未见过它，并假设它是一个无效的标签。如果某个客户端包含无效的定义，则不会呈现该元素。

而不是填充使用cellspacing，cellpadding，height，width和empty cells。您可以通过加倍来保持空单元格不被折叠。空表中的空表使父表不为空。

这可以在任何可能使用透明图像垫片的地方使用。

<table border="0" cellpadding="0" cellspacing="0"><tr><td width="3"><table border="0" cellpadding="0" cellspacing="0"><tr><td>&nbsp;</td></tr></table></td></tr></table>

<!-- same as above properly formatted -->
<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td width="3">
            <table border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td>&nbsp;</td>
                </tr>
            </table>
        </td>
    </tr>
</table>

Outlook 2010无法识别HTML表

1 个答案: