☕
Купите мне кофе!
Это помогает создавать больше полезных и интересных материалов.
Угостить кофе
отсканируйте QR-код или нажмите на кнопку
Привет! Вы оказались на этой странице, значит скорее всего вам приходится верстать email рассылки, поэтому соболезную. Я составил памятку, чтобы не упустить важные моменты при верстке html писем, буду пополнять этот список. Вот он:
alt
атрибут, у картинок без текста пустой alt
<!-- padding --><div style="height: 10px; line-height: 10px; font-size: 8px;"></div>
padding
для отступов, верстаем по максимуму таблицами. Например: Есть иконка шириной 35px
и отступ до текста 15px
, значит делаем ячейку шириной 50px
, а не с помощью паддинга 35px + padding: 15px
19px
, то задаем его с помощью таблицы. Это связано с тем, что отступ заданный через таблицу не меняет своего размера, в то время как отступ через padding может увеличиваться в outlook тем больше, чем больше исходное значение. И чтобы контент в outlook не обрезался следует отступы задавать через таблицыЭто помогает создавать больше полезных и интересных материалов.
отсканируйте QR-код или нажмите на кнопку