Gmail忽略空单元格中的高度(HTML电子邮件)

时间:2012-06-18 21:24:08

标签: html gmail html-email

我刚刚开始使用新的HTML电子邮件软件(使用的是Campaign Monitor,但现在必须在我们的CMS中使用插件)。 我们的模板使用顶部的一些空单元格,具有不同的背景颜色,用于美学目的。 当使用Campaign Monitor时,这些在Gmail中显示得很好,但在新软件(eCampaign)中,Gmail完全忽略了单元格的高度,使它们都高1像素。 我尝试添加height =“x”和style =“height:x;”但似乎都不起作用。 如果可以的话,我想避免使用间隔Gif。 在电子邮件的下方我放了一个标签,但这使得高度太大了。 我已经看到了一些将标签包装在标签中的建议但不确定是否可行。 有什么建议??需要尽快回答!

我的代码如下:

<table cellpadding="0" cellspacing="0" border="0" width="100%">
                <tr>
                    <td valign="top" height="6" colspan="2" bgcolor="#edede9" style="font-size:1px; line-height:6; height:6;"></td>
                </tr>
                <tr>
                    <td valign="top" height="6" colspan="2" bgcolor="#c4c3b6"><!-- --></td>
                </tr>
                <tr>
                    <td valign="top" height="1" colspan="2" bgcolor="#ffffff"><!-- --></td>
                </tr>
            </table>

1 个答案:

答案 0 :(得分:1)

唯一的方法是在空单元格内使用trans_dot.gif或其他间隔图像。它不能以任何其他方式完成。

因此找到或制作1px * 1px透明图像并插入。 如果一个单元格没有文本或图像,它将在10个电子邮件客户端中的9个中崩溃