Есть ли лучший способ добавить разделители в электронные письма?Возникла проблема с прогнозом 2016 - PullRequest
1 голос
/ 25 апреля 2019

Я работаю над электронной почтой, в которой есть несколько разделителей.Символ   в ячейке таблицы удаляется при редактировании в редакторе wysiwyg.Я попытался использовать символ &zwj для решения этой проблемы, и он работает на большинстве почтовых клиентов, но в outlook 2016 отображается линия над разделителем.

Снимок экрана

Screenshot

Есть ли лучшее решение, чем это?

<tr>
    <td bgcolor="#222222" style="font-size: 1px; line-height:16px; color:#222222">&zwj;</td>
</tr>

Ответы [ 3 ]

2 голосов
/ 26 апреля 2019

В Outlook 2016 есть проблема с добавлением этих строк. Другие разработчики сообщают, что проблема заключается в том, что Outlook 2016 преобразует пробелы.

Вы можете попробовать нацелить Outlook и свернуть границы. Просто добавьте это:

<!--[if (gte mso 9)|(IE)]>
<style type="text/css">
table {
border-collapse: collapse;
border-spacing: 0; }
</style>
<![endif]-->

Стоит отметить, что в зависимости от того, как вы структурировали свою электронную почту, это может оказаться не лучшим решением для вас. Он работает с некоторыми электронными письмами, но может оказать негативное влияние на общий вид дизайна.

Вы также можете попробовать сопоставить фон. Это скорее прикрытие, чем исправление. Линии наследуют цвет от тега <body>. Таким образом, установив цвет фона <body> на тот же цвет, что и в нашем проблемном разделе, мы по сути прикрываем линии. Да, они все еще там, но никто их не увидит. Мы также хотим ориентироваться только на проблемных клиентов. Нет необходимости менять цвет фона клиентов, которые правильно отображают электронную почту.

Просто добавьте это к <head> вашего письма, изменив цвет фона в соответствии с разделом проблемы.

<!--[if (gte mso 9)|(IE)]>
        <style type="text/css">
        body { background-color:#123456 !important;}
        </style>
<![endif]-->

Подробнее о строках в Outlook здесь: https://www.emailonacid.com/blog/article/email-development/how-do-i-get-rid-of-the-lines-in-outlook-emails/

1 голос
/ 26 апреля 2019

Вы пытались использовать border вместо background для установки цвета?

<tr>
    <td style="font-size: 1px; line-height:0; border-bottom: 1px solid #222222;">&zwnj;</td>
</tr>

Если обнаружено, что даже если ESP не связывается с &zwnj; и &nbsp; символами, Outlook иногда может интерпретировать height и line-height странным образом. Если, если мы используем mso-line-height-rule: exactly;.

Я использую border в своей работе и пока не нашел проблемы.

1 голос
/ 26 апреля 2019

Невозможно воспроизвести это вообще. Есть ли шанс просмотреть ваш полный код шаблона? Может быть более широкая проблема с вашим HTML.

Либо измените объявление &zwj; на &zwnj; Это правильная HTML-версия символа пробела. zwj также некорректно отображается в Litmus, когда я тестирую ваш фрагмент в одном из моих шаблонов.

...