Я создаю html-шаблон электронной почты и должен удалить интервал между строками таблицы, но нужно сохранить размер ячейки в 10 пикселей. Вы увидите в примере синие заголовки и промежутки между ними. Есть ли способ изолировать эти строки таблицы с помощью CSS и удалить это?
HTML: http://www.tailwatersflyfishing.com/email/template/new.html
Попробуйте добавить новый атрибут (cellpacing) в таблицу, содержащую синий заголовок
<table width="670" cellpadding="0" border="0" align="center" cellspacing="0">
Возможно ли, что вы путаете cellpadding и padding с ячейкой, так как я не вижу никаких ячеек, связанных с табличными тегами...
Прежде всего, семантически, таблицы не должны использоваться для layout--, они должны использоваться для отображения табличных данных... Во-вторых, исправление (это не большое исправление, но оно работает) заключается в том, чтобы существенно отключить функцию таблицы:
table, tbody, tr {
display: block;
}
Посмотрите на переключение заголовков на теги h2 или something--, возможно, элемент, который на самом деле семантически создан, чтобы делать то, что вы пытаетесь сделать.
Вы не должны использовать CSS-вызов beacause, почтовая программа не принимает их (Lotus, Outllok 2007,...)
Для пробелов вы можете использовать spacer-изображение (прозрачный gif 1x1 px), чтобы заставить их выглядеть правильно
font-style: 0 исправить пустое место в hotmail в рендеринге Firefox.
Вам также нужно поставить дисплей: блок для всего изображения и указать высоту и ширину как для изображения, так и для TD, где он появляется.