我已經在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 </strong></font></td>
<td width="298px" class="leftCol" style="padding: 5px 0px 0px 0px;"><h1>New Medical School in New Brunswick</h1></td>
</tr>
有什麼建議?
BTW你不HTML'width' /'高度使用單位',它總是像素整數,不像CSS。通常情況下,您根本不會使用HTML w/h,但當然對於HTML郵件,所有關於良好練習的投注都將關閉...... – bobince 2009-11-27 23:56:16
當您在表格單元格中使用背景圖像時,必須指定w和h或它不能正確渲染。 – Tree 2009-11-30 19:07:03