0

发送大量电子邮件，几乎整个事情都在表格内。

影响表格的 CSS：

.title  {
vertical-align: top;
}

HTML：

<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="title" align="left" width="440" valign="top">
<h2><singleline label="Title">Enter your title</singleline></h2>
<p><multiline label="Description">Description</multiline></p>


</td>

<td align="left" valign="top" width="20"><img src="/images/00.gif" height="1" width="20" border="0"></td>

<td align="left" valign="top" width="120"><img src="/images/001.jpg" editable="true" label="Image" width="120" border="0"></td>
</tr>
<tr>
<td colspan="3" align="left" valign="top" width="580"><img src="/images/00.gif" height="20" width="1" border="0"></td>
</tr>
</table>

我需要标签内的文本与表格顶部齐平。目前 /images/001/jpg 是齐平的，但文本在表格边缘下方 5 个像素处。

我在CSS中使用vertical-align：top，尝试过border-spacing：none，border-collapse：collapse和border：none。他们都没有解决问题。

使用边距顶部：-5px；在标签上解决了标准浏览器测试中的问题，但某些电子邮件客户端不支持。

4

5 回答 5

2

这是来自 Campaign Monitor 的 Ros。不太明显的是 <singleline> 和 <multiline> 标签转换为 <p>your content</p>

...当导入 Campaign Monitor 编辑器时。正是这些 <p> 标签创建了这个额外的填充 -这是一个示例。

避免这种情况的最简单方法是添加 p { margin: 0; 填充：0；} 到你的 CSS 样式。

希望这可以为您解决此问题。请注意，我们有一个回答此类问题的论坛，因此请随时在此处发布您的模板代码。

非常感谢所有在这里做出贡献的人！

于 2011-11-29T04:50:37.540 回答
1

Ros 的建议在大多数情况下就足够了，但 Gmail 会删除您的标题样式，从而使插入的 p 标签与 gmail 的默认边距顶部和底部保持一致。

解决此问题的另一种方法是在多行标签中添加一个 div 标签。这将成功阻止 Campaign Monitor 使用 ap 标签包装您的内容。

这是一个结构示例：

<multiline>
    <div>
        Your Content Goes Here.
    </div>
</multiline>
于 2014-09-11T21:02:43.917 回答
0

放

valign="top"

在您的 TD 上获取文本。如果电子邮件客户端不能识别 CSS，它应该识别标准 HTML 属性。

此外，如果这不能解决它，您可以编辑您的 Q 并添加您正在使用的“标题”CSS 定义的定义。

于 2011-11-28T17:42:56.803 回答
0

我假设您指的是 H2 标签内的文本。

为<h2>

.noPad  {
padding-top: 0px;
}

或者不要使用 H2，而只使用 span 或 div 元素。

于 2011-11-28T21:28:29.823 回答
0

它可能只是文本的行高，而不是边距/填充 - 也检查一下

于 2013-04-04T13:32:00.857 回答