2013-09-20 3 views
0

Я создаю шаблон электронной почты html и должен удалить интервал между строками таблицы, но нужно сохранить размер ячейки в 10 пикселей. Вы увидите в примере синие заголовки и промежутки между ними. Есть ли способ изолировать эти строки таблицы с помощью CSS и удалить это?Удалите пространство между строкой таблицы

HTML: http://www.tailwatersflyfishing.com/email/template/new.html

+0

Ваш пример не очень ясен, но я бы рекомендовал удалить расстояние между ячейками из таблицы и отдельных таблиц с помощью поля css и отступов. – Obsidian

ответ

0

Попробуйте добавить новый attribuut (CELLSPACING) в таблицу проведения синего названия

<table width="670" cellpadding="0" border="0" align="center" cellspacing="0"> 

Возможны ли, вы путаете CELLPADDING и отступы с CELLSPACING, так как я не могу видеть CELLSPACING attribuut к столу теги ...

+2

Извините всех. Я полный заторможен. Проблема решена. –

1

Прежде всего, семантически, таблицы не должны использоваться для layout-- они должны быть использованы для отображения табличных данных ... Во-вторых, исправление (это не большое исправление, но работ) является, по существу, отключить функциональность таблицы:

table, tbody, tr { 
    display: block; 
} 

Посмотрите на переключение ваших заголовков на h2 теги или something-- может быть элементом, который на самом деле семантический создан, чтобы делать то, что вы пытаетесь сделать.

+0

Если вы настроите таргетинг на широкий спектр почтовых клиентов, то единственным вариантом здесь является использование таблиц для целей макета ... – kevinius

+0

Ах да, я никогда не разрабатывал электронную почту. Несмотря на это, там все еще есть исправление :) – Chad

+0

ваше решение сработало для меня спасибо alot –

0

Вы не должны использовать CSS вызов обусловленно почтовая программа не принимает их (Lotus, Outllok 2007, ...)

Для пробелов вы можете использовать spacer-изображение (прозрачный gif 1x1 px), чтобы заставить их выглядеть правильно

font-style: 0 исправить пустое место в hotmail на рендеринг Firefox.

Вам также нужно разместить экран: блок для всего изображения и указать высоту и ширину как для изображения, так и для TD, где он появляется.

Смежные вопросы