Я знаю, что эту лошадь вот-вот забили до смерти ... но у меня проблема с пробелами в таблице Gmail, которая просто ошарашивает меня этим утром.
<td valign="top">
<img src="###/enewsletter_layout_v3_18.jpg" alt="" />
<table cellpadding="0" cellspacing="0" style="background: #000; width: 700px; margin: 0 0 0 8px; text-align: center; color: #fff;">
<tr>
<td valign="top" style="background: #890000; height: 50px; padding: 10px 15px; font-size: 24px; font-weight: bold;">
New Patient Special Offer <br/>
Save $$$
</td>
</tr>
<tr>
<td valign="top" style="background: #000; height: 50px; padding: 5px 15px 15px 15px;">
<h1 style="font-size: 24px; font-weight: bold;">Do you have a question?</h1>
If you have read anything in this newsletter and have any questions or would like to
discuss further, please contact <br/>
The Centre at (555) 555-5555
</td>
</tr>
</table>
</td>
Независимо от того, что я делаю, первое изображение в таблице (layout_v3_18) всегда имеет интервал под ним. Около 2-3 пикселей пустого пространства в Gmail. Бывает с парой другие изображения в письме, но остальные работают нормально. Сколько бы раз я ни сравнивал таблицы, это не сработает.
Мысли?
В ответ на свой вопрос (на случай, если у кого-то есть похожая проблема) я наконец нашел проблему (или решение).
Я добавил style = "float: left"
к самому изображению, что волшебным образом зафиксировало его.
В качестве альтернативы, использование «display: block» имеет тенденцию давать аналогичный результат, если используется для всех изображений, но float, кажется, очищает интервал специально для GMail, когда он отлично работает в другом месте.