Автор PortDesign Studio задал вопрос в разделе Интернет
Неправильное отображение HTML письма и получил лучший ответ
Ответ от Liru[гуру]
Конверти в PDF и не занимайся ерундой.
Или оформляй как сайт и кидай ссылку.
Liru
(51112)
А что, кто-то 1) требует вектор 2) считает, что PDF - это вектор ?
Надо прямо в письмо пихать - сохраняйте в SVG и надейтесь, что у получателя нормальный браузер. Надо, чтобы у всех открывалось - вставляйте JPEG или PNG, оно точно откроется.
Ответ от Максим Кошелев[новичек]
Есть генеротор таблиц на html там можно сгенерировать таблицу и текст в ней и потом он код html напишет
Есть генеротор таблиц на html там можно сгенерировать таблицу и текст в ней и потом он код html напишет
Ответ от Sfera[гуру]
возможно страница тяжелая или содержит ограничения хостов на данные во избежании выполнения кода
возможно страница тяжелая или содержит ограничения хостов на данные во избежании выполнения кода
Ответ от Ѓмник[новичек]
сконверти в пдэф
сконверти в пдэф
Ответ от Почтальон печкин[гуру]
Поднимай сраку, урод, и пизд.... учиться ВОРОВАТЬ самостоятельно на любой поисковик!
Поднимай сраку, урод, и пизд.... учиться ВОРОВАТЬ самостоятельно на любой поисковик!
Ответ от Ёаша Кирияка[новичек]
В PDF сделай, поможет.
В PDF сделай, поможет.
Ответ от Алексей романов[гуру]
Неи жадничайте, обратитесь к специалисту. В России лучшие программисты в мире.
Неи жадничайте, обратитесь к специалисту. В России лучшие программисты в мире.
Ответ от ZOKIDIN[активный]
Почему письмо отлично смотрится в редакторе, но выглядит ”кривым” при получении?
Если ваши письма при получении отображаются не так как вы хотели или в обрезанном виде, то на это могут быть следующие часто встречающиеся причины:
HTML VS Формат обычного текста
При создании письма не переключайтесь между HTML и форматом обычного текста. Это может вызвать удаление элементов дизайна или их перемещения по письму.
Проблемы с почтовыми сервисами
Почтовый сервис может посчитать некоторые элементы вашего письма как спамерские, например, определенная ссылка, изображение или текстовый фрагмент, и в таком случае заблокировать эти элементы.
Проверьте Спам–рейтинг на этапе Сводка по сообщению в Конструкторе писем, чтобы узнать про возможные причины. Также, следует воспользоваться предпросмотром в различных программах и сервисах прямо на этапе верстки письма. Для этого выберите и кликните на Предпросмотр. Чтобы устранить проблему, вам, возможно, придется изменить содержание вашего письма, изображения, ссылки или формат.
Письмо было скопировано и вставлено из Microsoft Word
Отформатированный текст из программ по типу MS Word, не полностью совместим с HTML-редакторами и часто содержит лишний код. Если вы готовите письма заранее, мы рекомендуем использовать простой текстовый редактор типа Блокнот. Вставьте текст в HTML-редактор GetResponse, затем примените форматирование, используя инструменты редактирования GetResponse.
Грабли при верстке HTML писем
Разработка веб-сайтов*
Довольно часто наши клиенты устраивают регулярные рассылки с новостями. Почти всегда их не устраивают текстовые рассылки или простое оформление HTML рассылок. Наши дизайнеры вовсю креативят, а мы потом набиваем шишки при верстке их макетов с корректным отображением во множестве почтовых клиентов.
Ниже список встретившихся нам особенностей и способы их разрешения (как то упорядочить их мне не удалось, поэтому всё идет единым списком)
Чтобы не было проблем с кодировками — верстаем в UTF-8, в HEAD нужно указазываем ;
Mail.ru, почты Яндекса и Рамблера вырезают весь css, поэтому верстать надо с помощью HTML3.2;
Mail.ru делает большие отступы у элементов, чтобы их не было надо обернуть письмо в ;
Mail.ru (и похоже что и Яндекс) превращает отступы ( ) в коде в поэтому код не должен отбиваться табами;
В текстовой версии нельзя использовать html entities, потому что это текстовая версия, а не HTML. Также, в текстовой версии нельзя использовать unicode символы, которых нет в windows-1251, т. к. mail.ru зачем то перекодирует письмо в эту кодировку;
Outlook 2007 не дает использовать фоновые картинки. Мы правда нашли 1 хак — можно указать background-image для body. Тогда этот Outlook покажет фон. Но хак не работает, если мы используем background-position или background-repeat. В web клиентах этот фон не будет показан, поэтому нужно дублировать его указание — в style у body для Outlook, и в background у «корневой» table для веб клиентов;
Outlook 2007 делает поля сверху у элементов типа «div». У «table» с «cellpadding=0 cellspacing=0» таких полей нет;
В последних рассылках Диснея нам пришлось полностью отказаться от использования фоновых картинок, т. к. при этом были проблемы с позиционированием картинок поверх фона и делать основной макет состоящим из набора картинок внутри таблицы. Текст при этом тоже включается в картинки, ссылки расставляются с помощью areamap areПисьмо было доставлено в почту на Outlook
Разница в отображении является результатом настроек Outlook. Если вы уверены, что ваши подписчики используют Outlook, измените настройки пробелов, для достижения правильного отображения. Мы не можем контролировать данные настройки, вид письма может отличаться.
Почему письмо отлично смотрится в редакторе, но выглядит ”кривым” при получении?
Если ваши письма при получении отображаются не так как вы хотели или в обрезанном виде, то на это могут быть следующие часто встречающиеся причины:
HTML VS Формат обычного текста
При создании письма не переключайтесь между HTML и форматом обычного текста. Это может вызвать удаление элементов дизайна или их перемещения по письму.
Проблемы с почтовыми сервисами
Почтовый сервис может посчитать некоторые элементы вашего письма как спамерские, например, определенная ссылка, изображение или текстовый фрагмент, и в таком случае заблокировать эти элементы.
Проверьте Спам–рейтинг на этапе Сводка по сообщению в Конструкторе писем, чтобы узнать про возможные причины. Также, следует воспользоваться предпросмотром в различных программах и сервисах прямо на этапе верстки письма. Для этого выберите и кликните на Предпросмотр. Чтобы устранить проблему, вам, возможно, придется изменить содержание вашего письма, изображения, ссылки или формат.
Письмо было скопировано и вставлено из Microsoft Word
Отформатированный текст из программ по типу MS Word, не полностью совместим с HTML-редакторами и часто содержит лишний код. Если вы готовите письма заранее, мы рекомендуем использовать простой текстовый редактор типа Блокнот. Вставьте текст в HTML-редактор GetResponse, затем примените форматирование, используя инструменты редактирования GetResponse.
Грабли при верстке HTML писем
Разработка веб-сайтов*
Довольно часто наши клиенты устраивают регулярные рассылки с новостями. Почти всегда их не устраивают текстовые рассылки или простое оформление HTML рассылок. Наши дизайнеры вовсю креативят, а мы потом набиваем шишки при верстке их макетов с корректным отображением во множестве почтовых клиентов.
Ниже список встретившихся нам особенностей и способы их разрешения (как то упорядочить их мне не удалось, поэтому всё идет единым списком)
Чтобы не было проблем с кодировками — верстаем в UTF-8, в HEAD нужно указазываем ;
Mail.ru, почты Яндекса и Рамблера вырезают весь css, поэтому верстать надо с помощью HTML3.2;
Mail.ru делает большие отступы у элементов, чтобы их не было надо обернуть письмо в ;
Mail.ru (и похоже что и Яндекс) превращает отступы ( ) в коде в поэтому код не должен отбиваться табами;
В текстовой версии нельзя использовать html entities, потому что это текстовая версия, а не HTML. Также, в текстовой версии нельзя использовать unicode символы, которых нет в windows-1251, т. к. mail.ru зачем то перекодирует письмо в эту кодировку;
Outlook 2007 не дает использовать фоновые картинки. Мы правда нашли 1 хак — можно указать background-image для body. Тогда этот Outlook покажет фон. Но хак не работает, если мы используем background-position или background-repeat. В web клиентах этот фон не будет показан, поэтому нужно дублировать его указание — в style у body для Outlook, и в background у «корневой» table для веб клиентов;
Outlook 2007 делает поля сверху у элементов типа «div». У «table» с «cellpadding=0 cellspacing=0» таких полей нет;
В последних рассылках Диснея нам пришлось полностью отказаться от использования фоновых картинок, т. к. при этом были проблемы с позиционированием картинок поверх фона и делать основной макет состоящим из набора картинок внутри таблицы. Текст при этом тоже включается в картинки, ссылки расставляются с помощью areamap areПисьмо было доставлено в почту на Outlook
Разница в отображении является результатом настроек Outlook. Если вы уверены, что ваши подписчики используют Outlook, измените настройки пробелов, для достижения правильного отображения. Мы не можем контролировать данные настройки, вид письма может отличаться.
Ответ от 22 ответа[гуру]
Привет! Вот подборка тем с похожими вопросами и ответами на Ваш вопрос: Неправильное отображение HTML письма