Верстка html рассылки

12
Conocube
На сайте с 16.10.2012
Offline
49
952

Добрый день!

Имеется не приятная проблемка - нужно сделать html письмо для рассылки через outlook 2007, так вот с частью верстки не возникло проблем, реализовал все с помощью таблиц, и все красиво, аккуратно и так как надо, вставляю созданный макет(точнее подключаю его через шаблоны) в outlook, отсылаю письмо и получаю съехавшую напрочь кашицу. Проанализировав понял, что это из за того что outlook оборачивает каждое содержимое ячейки в тег <p>, а этот абзац интерпритируется почтовиками с верхним и нижнем отступом в 15px, что собственно и служит причиной краха красоты письма. Попробовав насильно обнулить <p> ничего не вышло, ибо style="" не поддерживается. Как быть кто знает?

создание сайтов, фото/видео услуги, веб дизайн (http://создание-уникальных-сайтов.рф)
Alex Klo
На сайте с 15.06.2006
Offline
304
#1
Alex Klo:
Попробовав насильно обнулить <p> ничего не вышло

попробуйте:

<head>

...

<style>

p {}

</style>

...

</head>

Проверка и мониторинг позиций сайта ( http://www.topvisor.ru/?inv=1520 ) Продвигаю сайты http://climat-nw.ru/conditioner-installation/ http://www.aircom-spb.ru/service/montaj/
Conocube
На сайте с 16.10.2012
Offline
49
#2
Alex Klo:
попробуйте:
<head>
...
<style>
p {}
</style>
...
</head>

к сожалению это тоже игнориться, забыл об этом упомянуть

к примеру mail и yandex вообще игнорят стили

Z0
На сайте с 03.09.2009
Offline
827
#3

p style='padding: 0 margin: 0'

.p {margin: 0; padding: 0} не работает?

Conocube
На сайте с 16.10.2012
Offline
49
#4
ziliboba0213:
p style='padding: 0 margin: 0'
.p {margin: 0; padding: 0} не работает?

к сожалению, нет😡

Z0
На сайте с 03.09.2009
Offline
827
#5
Conocube:
к сожалению, нет😡

Странно, но стили работают в yandex, ща проверил письмо, там все стилями..Может с кавычками поиграть? Я давно не делал рассылки, так что не помню к сожалению как там и что

Conocube
На сайте с 16.10.2012
Offline
49
#6
ziliboba0213:
Странно, но стили работают в yandex, ща проверил письмо, там все стилями..Может с кавычками поиграть? Я давно не делал рассылки, так что не помню к сожалению как там и что

у меня такое чувство, что стили режет сам аутлук.

Z0
На сайте с 03.09.2009
Offline
827
#7
Conocube:
у меня такое чувство, что стили режет сам аутлук.

У меня и в аутлуке все в порядке вроде...

UNIT-IS
На сайте с 19.10.2012
Offline
48
#8
ziliboba0213:

.p {margin: 0; padding: 0} не работает?

А почему ".р"? В этом случае необходимо присвоить class="p" в атрибутах.

Conocube, взгляните на список поддерживаемых HTML элементов и атрибутов Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007

FladeX
На сайте с 07.11.2008
Offline
163
#9

Для рассылок нужно использовать инлайн-стили через элемент font. Т.е.:

<p><font style="color: #333;">Lorem ipsum</font></p>

Услуги посредника на бирже контента: информационные статьи 40₽/1000, «продающие» тексты 50₽/1000. Пишите в личку. Помогаю правильно переехать на https (/ru/forum/973447). Подписывайтесь на мой канал в телеграм: https://t.me/fladex (https://t.me/fladex).
Conocube
На сайте с 16.10.2012
Offline
49
#10
UNIT-IS:
А почему ".р"? В этом случае необходимо присвоить class="p" в атрибутах.

Conocube, взгляните на список поддерживаемых HTML элементов и атрибутов Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007

тема то ни в том что он поддерживает а что нет, а втом что он добавляет <p> ко всем ячейкам, а почтовики к <p> добавляют сверху и снизу +15px. Вопрос как заставить его это не делать.

---------- Добавлено 21.06.2013 в 16:31 ----------

UNIT-IS:
А почему ".р"? В этом случае необходимо присвоить class="p" в атрибутах.

Conocube, взгляните на список поддерживаемых HTML элементов и атрибутов Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007
FladeX:
Для рассылок нужно использовать инлайн-стили через элемент font. Т.е.:
<p><font style="color: #333;">Lorem ipsum</font></p>

не в тему.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий