Интервал между таблицами электронной почты Gmail

Question

Я знаю, что эту лошадь чуть не забили до смерти ... но у меня есть проблема с интервалом между таблицами в 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. Бывает по паре других картинок в электронном письме, но остальные работают нормально. Независимо от того, сколько раз я сравниваю таблицы, это не сработает.

Мысли

Answer 1

Я на самом деле много сталкивался с этой проблемой в последнее время.Код, который мы нашли, который работает лучше всего (читай: выглядит согласованно в большинстве почтовых клиентов):

<img src="###" style="display: block;" />

Просто добавьте display: block к каждому изображению, и это решит проблему.

Answer 2

В ответ на мой собственный вопрос (в случае, если у кого-то еще есть подобная проблема), я наконец нашел проблему (или решение в любом случае).

Я добавил style="float: left" к самому изображению, которое волшебным образом исправило его. В качестве альтернативы, использование «display: block» имеет тенденцию к схожему результату, если используется на всех изображениях, но с плавающей точкой, кажется, очищается интервал специально для GMail, когда он отлично работает в других местах.

Answer 3

Использование display:block на изображениях уменьшило некоторое пространство между ячейками изображения, но не удалило все пропуски.

При добавлении устаревших атрибутов cellpadding / cellspacing в родительскую таблицу (<table border="0" cellpadding="0" cellspacing="0">) эти последние пропуски исчезлитоже.

Answer 4

Была такая же проблема, я добавил ниже строки

  style="line-height:1px;"

в теге td выше.

В моем HTML шаблоне в списке файлов.

Answer 5

Gmail может добавить пробел вокруг любой таблицы, включая вложенные таблицы.

Несмотря на то, что добавление в таблицу следующего стиля в виде встроенного стиля удаляет пробел:

style="font-size:0.0em;" ...

Answer 6

У меня была та же проблема, и я сделал все вышеперечисленные опции стиля, но ничего не получалосьЯ уменьшил высоту стола, и он удалил все пробелы.