Почему между изображениями в моем информационном бюллетене есть пробелы, когда они отправляются?

Question

У меня есть рассылка, но между строками в Yahoo, Gmail и MSN появляются лишние пробелы.

Но это то, что вы видите (забавно, что в jsfiddle это то же самое, что Yahoo и т. Д.) - обратите внимание на серые полосы между изображениями:

• http://jsfiddle.net/FmyS5/

Все границы равны 0, все поля равны 0. Вы видите что-нибудь?

Пробовал с:

<table width="640" border="0" cellspacing="0" cellpadding="0" align="center" style="border-collapse:collapse;border-spacing:0;">

но все тот же.

Answer 1

Добавление этого:

img {
    vertical-align: top;
}

исправил для меня скрипту в Chrome 15. Я не мог поклясться, что это будет применяться и к различным почтовым клиентам, но это может сработать.

Когда мне приходится отправлять электронные письма в формате HTML, я использую Электронная почта на Acid для проверки результатов в различных почтовых клиентах. Стоит посмотреть.

Answer 2

Кажется, это решает проблему;

a {
    float: left;
    line-height: 0;
}

... но это также вызывает некоторые другие повреждения нижнего колонтитула.

Answer 3

Попробуйте добавить следующий код CSS в ваш код

a {
  display: block;
  float: left;
}

и добавить к каждому a высоту изображения внутри.Это должно устранить пробелы в таблице.

Взгляните на jsfiddle (я только внес изменения в первый ряд)

http://jsfiddle.net/FmyS5/9/