Я создал таблицу в html для электронной почты (FYI это не для спама, она должна использоваться внутри организации, в которой я работаю). CSS в значительной степени не может быть и речи, поскольку мы используем Outlook и Office 2007 (который не будет отображать CSS правильно - на этом фронте ничего не работало). У меня есть 2 ячейки бок о бок - у одного есть фоновое изображение с текстом поверх, другое имеет ttile с использованием тега h1, который я создал.Ячейка таблицы текстового пробела
Проблема: когда я вставляю заголовок с двумя строками в ячейке, прилегающей к той, где находится фоновый рисунок, расстояние в бункере настолько велико, что фоновое изображение дублирует его часть по вертикали (даже если текст в смежная ячейка не больше, чем рис.). Я попытался указать дополнение, но это ничего не меняет.
Мое правило для тега 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
Когда вы используете обратное изображение в ячейке таблицы, вы должны указать как w, так и ч или не отображается должным образом. – Tree