2009-11-27 69 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共享相同的渲染引擎:)