#javascript #html #css #email #mjml
#javascript #HTML #css #Адрес электронной почты #mjml
Вопрос:
Добрый день, хорошо, я использую MJML framework для доступа к шаблону, похожему на изображение, которое загружается:
Все это отлично работает на MJML, и я протестировал это, когда отправлял свой шаблон на свою электронную почту, но проблема в том, что logo если вы выяснили, что логотип использует css, чтобы выйти из родительского поля, поэтому я почти все перепробовал, например, я брал transform and translate, negative margins, positions: absolute and relative его из коробки, Но ни один из них не работает, и когда я отправляю свой шаблон на свой адрес электронной почты, я получаю что-то вроде этого:
Я также провел много исследований в Google, почти все сказали, что сделать что-то подобное невозможно, но я думаю, что это возможно. Ребята, вы можете сказать мне, что не так с моим MJML или кодированием?
Комментарии:
1. Это возможно, подделав его и используя изображение, которое не покидает свою ячейку таблицы. Просто сделайте фоновую часть изображения.
2. @ChrisG Спасибо за ваш комментарий, вы имеете в виду, что я использую изображение для всего заголовка вместо его кодирования? Если я правильно вас понял? ну, я думал, что прежде чем использовать трюк с изображением для всего моего заголовка, но мои ведущие ребята из пользовательского интерфейса не принимают это, и они хотят, чтобы я сделал это, написав код, а не изображение.
3. Отличным и своевременным источником информации о MJML является slack.mjml.io . Нерегулярные границы / соблюдение границ компонентов обсуждались там с командой MJML. Тогда был сделан вывод, что ни один компонент MJML не содержит нерегулярных границ, и все они сохраняют все свое содержимое в пределах определенных границ. Изменилось ли это? Сомневаюсь в этом, но спрошу там, чтобы узнать мнение команды. Это оставляет ваших пользователей с идеей, которую дал вам @ChrisG.
4. Тогда вашим ведущим специалистам по пользовательскому интерфейсу нужно узнать об ограничениях HTML-писем. Существует множество ресурсов. По сути, вам нужно отучиться от всего и вернуться к созданию веб-сайта 1999 года; Используя таблицы для вашего макета, встроенные стили и т. Д. Мне это тоже не нравится, но пока так оно и есть.
5. Здесь много полезных советов и ссылок: css-tricks.com/tools-html-email-workflow