2009-11-27 80 views
0

我已经在HTML中为电子邮件创建了一个表格(仅供参考,这不是垃圾邮件,它将在我工作的组织内部使用)。因为我们使用Outlook和Office 2007(它不会正确呈现CSS - 在这方面没有任何工作),所以CSS几乎不存在问题。我有两个并排的单元格 - 一个背景图像上面有文字,另一个有一个使用我创建的h1标签的ttile。文本间距表单元格

问题:当我在与背景图片相邻的单元格中输入双线标题时,底部的间距太大,背景图片会垂直复制其中的一部分(即使文本位于相邻小区不大于pic)。我试图指定填充,但它不会改变任何东西。

我对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> 

有什么建议?

+0

BTW你不HTML'width' /'高度使用单位',它总是像素整数,不像CSS。通常情况下,您根本不会使用HTML w/h,但当然对于HTML邮件,所有关于良好练习的投注都将关闭...... – bobince 2009-11-27 23:56:16

+0

当您在表格单元格中使用背景图像时,必须指定w和h或它不能正确渲染。 – Tree 2009-11-30 19:07:03

回答

0

如果您有所有行相同的图像,把它放在CSS类像下面

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

background-repeat: no-repeat; 
1

不幸的是,至少Outlook 2007中忽略所有background related CSS-Tags,并从我的经验,使得利润/垫衬完全不同或不。

尝试在Word中创建的HTML如果可能的话,至少Outlook07-10和Word共享相同的渲染引擎:)