#html #css #email #html-email
#HTML #css #Адрес электронной почты #html-электронная почта
Вопрос:
Я разрабатываю небольшое приложение, которое может отправлять по электронной почте один из 6 шаблонов дизайна с общим контентом.
Какой наилучший (наиболее последовательный) способ сохранить пространство и расположение текста (между строками и т.д.)
Мы думали об использовании simple <br> , но мы могли потерять некоторую гибкость по сравнению с чем-то другим. Это макет на основе таблицы
Приветствия
Комментарии:
1. Если вы используете абзацы и задаете стили
line-heightиpadding,margin, это должно дать вам контроль над интервалом между строками.
Ответ №1:
Вы должны использовать встроенные стили в разметке электронной почты.
Вот пример того, как последовательно разделять абзацы в вашей сборке электронной почты
<p style="margin:0 0 15px 0;padding:0;line-height:value;font-size:value">Insert Paragraph information here</p>
<p style="margin:0 0 15px 0;padding:0;line-height:value;font-size:value">Insert Paragraph information here</p>
Ответ №2:
Сделайте себе одолжение и найдите время, чтобы прочитать статью 7 советов относительно полей и HTML-заполнения в электронных письмах от Email on Acid.
Это очень поможет! И я серьезно…
Комментарии:
1. Спасибо, что уведомили меня об этом. Я искал и обновил ссылку. Я также оставляю здесь название статьи на случай, если ссылка снова оборвется в будущем.
Ответ №3:
Yahoo (и, возможно, другие почтовые клиенты) интерпретируют <p> иначе, чем большинство других — трудно сделать так, чтобы <p> текст выглядел правильно в Yahoo, не заставляя его выглядеть неправильно во всех остальных. По моему опыту, вы получите больше контроля над интервалом / форматированием, используя <br /> наряду с высотой строки и, конечно, размером шрифта. Вы можете придать <br /> тегу встроенный line-height стиль, чтобы настроить интервал еще более конкретно.
Однако:
- Outlook 2007/2010 имеет тенденцию игнорировать
line-heightсвойство. marginСтили используются и / или игнорируются по-разному всеми почтовыми клиентами. Использованиеpaddingвместоmargin, когда это возможно, немного надежнее.
Лучший способ управления интервалами и компоновкой, доступный в HTML-for-email (который, как вы знаете, ограничен табличными макетами и встроенными стилями), заключается в разделении строк / абзацев текста на разные ячейки / строки таблицы и управлении интервалами с помощью width amp; height <td> элементов. С помощью этого метода вы почти всегда будете иметь style="border:0; margin:0; padding:0;"
Ответ №4:
Лучший способ на сегодняшний день — использовать по p элементу в строке и оформлять это с помощью CSS.
И вам следует подумать о замене большей части макета на основе таблиц на div s и CSS-стили (за исключением случаев, когда вам нужны горизонтальные элементы с одинаковой высотой, очевидно).
Мой ответ был бы лучше, если бы вы указали конкретную проблему, например: «Как я могу достичь этого <insert image here> с помощью HTML?»