Html 文本间距表单元格

我已经为一封电子邮件创建了一个html表格（仅供参考，这不是垃圾邮件，而是在我工作的组织内部使用）。CSS几乎是不可能的，因为我们使用Outlook和Office 2007（这将无法正确呈现CSS-在这方面没有任何效果）。我有两个并排的单元格-一个有一个背景图像，上面有文本，另一个有一个小文件，使用我创建的h1标记

问题：当我在与背景图片相邻的单元格中输入一个2行标题时，底部的间距太大，以至于背景图片在垂直方向上复制了其中的一部分（即使相邻单元格中的文本不大于图片）。我试图指定填充，但它没有改变任何东西

我的h1标记规则如下所示：

td.leftCol h1 {
color: #003152;
font-size: 0.9em;
}

有关单元格的代码如下所示：

<tr bgcolor="#FFFFFF">
<td width="150px" height="42px" class="leftCol" background="/news/newsletters/images/leftcol_box.gif" align="right"><font color="#FFFFFF"><strong>Text&nbsp;&nbsp;</strong></font></td>
<td width="298px" class="leftCol" style="padding: 5px 0px 0px 0px;"><h1>New Medical School in New Brunswick</h1></td>
</tr>

文本
新不伦瑞克新医学院

---

有什么建议吗？

如果所有行都有相同的图像，请将其放入css类中，如下所示

background-image: url("http://yoursite/news/newsletters/images/leftcol_box.gif");

background-repeat: no-repeat;

---

不幸的是，根据我的经验，至少Outlook 2007忽略了所有内容，并将页边距/填充完全不同

---

如果可能的话，尝试在Word中创建HTML，至少Outlook 07-10和Word共享同一个渲染引擎：）

顺便说一句，HTML

width

/

height

，它总是整数像素，与CSS不同。通常情况下，您根本不会使用HTML w/h，但当然，对于HTML mail，所有关于良好实践的赌注都是无效的……当您在表格单元格中使用回溯图像时，必须同时指定w和h，否则无法正确渲染。