Нежелательное заполнение ячеек таблицы

Question

Нежелательное заполнение ячеек таблицы

0

Я создаю информационный бюллетень для клиента. У меня возникают проблемы с заполнением на верхней td-ячейке на первой внутренней таблице. Я не знаю, почему он создает это дополнительное дополнение в нижней части td. Я пробовал встроенную высоту css, обнуляя все отступы и поля на нем, и мне все еще не удавалось избавиться от пробела между двумя внутренними таблицами. Буду признателен за любую помощь. Это, наверное, что-то простое, что я упускаю из виду, но у меня кончились идеи.

страницы с шаблоном электронной почты: http://www.bemidjimillworks.com/email_templates/Default-Template.html

Td Я имею в виду это:

<td style="width:600px;padding:0;margin:0;">
     <a href="http://www.bemidjimillworks.com">
         <img src="http://www.bemidjimillworks.com/images/newsletter/01_header.jpg" />
     </a>
</td>

Phorden 20 сен. 2013, в 23:49

Источник

Теги:

html

css

html-table

newsletter

2 ответа

2

Наиболее широко поддерживаемый способ вертикального выравнивания в html-письме - использовать элемент html valign="top". Это считается лучшей практикой в html-дизайне электронной почты.

CSS vertical-align как было предложено, не поддерживается полностью в основных почтовых клиентах (Outlook) и даст вам непоследовательные результаты.

Применяется к вашему примеру:

<td valign="top" style="width:600px;padding:0;margin:0;">
     <a href="http://www.bemidjimillworks.com">
         <img src="http://www.bemidjimillworks.com/images/newsletter/01_header.jpg" />
     </a>
</td>

John 23 сен. 2013, в 12:19

Ещё вопросы

ReDEyeS · Accepted Answer · 2013-09-20T20-03-00.000Z

Просто добавьте свойство css vertical-align: top; к верхнему изображению

<img src="http://www.bemidjimillworks.com/images/newsletter/01_header.jpg" style="vertical-align: top;">

Да, это сделал это. Я, наверное, не подумал бы попробовать это. Спасибо.