Gmail игнорирует высоту в пустой ячейке ‹td› (электронная почта HTML)

Я только начал использовать новое программное обеспечение электронной почты в формате HTML (использовал Campaign Monitor, но теперь должен использовать плагин в нашей CMS). Наш шаблон использует несколько пустых ячеек вверху с разными цветами фона для эстетических целей. При использовании Campaign Monitor они отлично показывались в Gmail, но в новом программном обеспечении (eCampaign) Gmail полностью игнорирует высоту ячеек, делая их высотой всего 1 пиксель. Я попытался добавить height="x" и style="height: x;" но ни один из них не работает. Я хочу по возможности избегать использования распорных картинок. Ниже по электронной почте я добавил тег
, но тогда это делает высоту слишком большой. Я видел несколько предложений по заключению
в тег, но не уверен, что это сработает. Какие-либо предложения?? Срочно нужен ответ!

Мой код выглядит следующим образом:

<table cellpadding="0" cellspacing="0" border="0" width="100%">
                <tr>
                    <td valign="top" height="6" colspan="2" bgcolor="#edede9" style="font-size:1px; line-height:6; height:6;"></td>
                </tr>
                <tr>
                    <td valign="top" height="6" colspan="2" bgcolor="#c4c3b6"><!-- --></td>
                </tr>
                <tr>
                    <td valign="top" height="1" colspan="2" bgcolor="#ffffff"><!-- --></td>
                </tr>
            </table>

person Liz Long    schedule 18.06.2012    source источник


Ответы (1)


Единственный способ — использовать trans_dot.gif или другое изображение-спейсер внутри пустых ячеек. Никак иначе это сделать нельзя.

Итак, найдите или сделайте прозрачное изображение размером 1px * 1px и вставьте его. Если в ячейке нет текста или изображений, она свернется в 9 из 10 почтовых клиентов.

person Bidstrup    schedule 02.07.2012