#html #css #outlook
#HTML #css #outlook
Вопрос:
У меня есть следующий код
<hr style="border:0; margin:0; padding:0; background-color: #F7D25F; height:1px;" />
Однако это не отображается в клиенте Outlook 2003. Как я могу изменить его, чтобы он отображался?
Комментарии:
1. Возможно, если вы измените высоту 1px на 2px… Я помню, что у IE6 была аналогичная проблема.
Ответ №1:
<hr /> Тег плохо поддерживается. Попробуйте <p> вместо этого использовать один с теми же параметрами.
Комментарии:
1. Проблема здесь в том, что, по крайней мере, в Outlook 2010, он увеличивает высоту как минимум до 20 пикселей. Таким образом, вы получаете эту уродливую толстую полосу вместо тонкой элегантной линии.
Ответ №2:
Я пробовал это, но это все еще было неудобно в Outlook и Gmail. Вместо этого он использует границу абзаца. Вот так:
<p style="margin-bottom: 6px; margin-top: 0px; border-top: 4px solid #000; text-align:center; font-size:1px;" >amp;nbsp;</p>
Комментарии:
1. Это должен быть принятый ответ! Это работало в Outlook 2010.
Ответ №3:
Я пробовал изображение разрыва строки, например blow, но оно не отображается в Outlook.
<img src="images/line.gif" width="100%" height=1 >
Затем я попробовал td , как показано ниже, и оба они работают как шарм, включая Outlook
<td style="margin: 0; height: 1px; background-color: #000; text-align: center;"></td>
или
<td style="border-top: 1px solid #000;"></td>
Так что да, я бы определенно выбрал этот td метод