Верстка email письма

R

5

radioactives

16 сентября 2016, 13:43

774

верстаю картинку, собираю таблицами по кускам, собственно проблема с блочной версткой

gmail mail.ru норм

Outlook 2013 - криво

кривизна выражается в полосах между блоками

http://floomby.ru/s2/8gMYCe вот скрин

обьясните прошу почему Outlook делает эти полосы

я не могу найти решение этой проблемы

готов заплатить за помощь, срочно надо)

skype radioactives68

D

4

doebat

16 сентября 2016, 16:28

#1

Ответа нет, потому что вёрстка кривая, а не аутлук плохой.

У аутлука есть пробелма с горизонтальными полосами, но они не исправятся, если сама верстка кривая.

Через что тестировали письма, своими силами?

Не вижу текста на картинке, почему нельзя все сделать одной картинкой? В любом случае пишите в ЛС помогу за небольшую плату или бесплатно, если терпения хватит.

1

Красивое письмо в аутлук: Нужна помощь в DLE Разные сотрудники в офисе.

R

5

radioactives

16 сентября 2016, 16:33

#2

doebat, не могу найти кнопку отправить сообщение)

Напишите в скайп или дайте свой

JH

48

JIenpukoH

16 сентября 2016, 16:56

#3

https://mjml.io/ тебе в помощь

56

obius

16 сентября 2016, 21:41

#4


<table cellspacing="0" cellpadding="0" border="0">
или
<table style="border-spacing:0;padding:0;border:0;">

Если таблица по прежнему будет разъезжаться и выделятся контуром, скинте код на pastebin. Может смогу помочь.

Z0

827

ziliboba0213

16 сентября 2016, 21:44

#5

Вроде как margin и padding у IE и остальных работает по разному... или border, не помню точно, проверьте эти три :)

56

Froolex

16 сентября 2016, 22:12

#6

radioactives:
верстаю картинку, собираю таблицами по кускам, собственно проблема с блочной версткой
gmail mail.ru норм
Outlook 2013 - криво
кривизна выражается в полосах между блоками
http://floomby.ru/s2/8gMYCe вот скрин

обьясните прошу почему Outlook делает эти полосы
я не могу найти решение этой проблемы

готов заплатить за помощь, срочно надо)
skype radioactives68

ТС если еще актуально у меня в подписи ссылка, там есть другие услуги ребят которые за копейки решат вашу проблему.

Настоящий облачный хостинг (https://goo.gl/kuxXMK) от 1$ в месяц!

R

5

radioactives

16 сентября 2016, 22:20

#7

https://litmus.com/builder/e073051

вотс код

в тестах на сервисе все норм

мне на комп в приложение "почта" на win 10 приходит с http://floomby.ru/s2/rgMeBZ/full/

камнями только не кидайте, это мое первое письмо

56

obius

17 сентября 2016, 01:02

#8

Такой вот вариант:


<!doctype html>

<html xmlns="http://www.w3.org/1999/xhtml">

	<head>

	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<title></title>

	</head>

	<body>

		<div>

			<img usemap="#promo" src="http://rgho.st/7rTrTTc7Z/image.png" style="width:827px;height:1168px;" alt="">

			<map name="promo">

				<area shape="rect" coords="660,345,795,480" href="https://www.citibank.ru/russia/services/rus/cbol.htm" alt="">

			</map>

		</div>

	</body>

</html>

Список поддерживаемых клиентов:

Судя по таблице, не работает только в gmail, но нужно проверять :)

песочница

Атрибут coords

Так как я ленивый в крайней степени, как пример кнопка размечена только одна ( citibank ).

Как в яндекс апи Песочница в русском Гугле? Микроразметка товарного предложения без

D

4

doebat

17 сентября 2016, 10:14

#9

radioactives:
https://litmus.com/builder/e073051
вотс код

в тестах на сервисе все норм
мне на комп в приложение "почта" на win 10 приходит с http://floomby.ru/s2/rgMeBZ/full/

камнями только не кидайте, это мое первое письмо

Первый камень это выравнивание по левому краю.

Какой аутлук стоит на win 10? Ставил из магазина приложений или скачивал exe?

До сих пор не понимаю, почему нельзя сделать все одной картинкой, а не резать на несколько, да еще и каждую в table оборачивать?

Ну ладно, оставим это для отдельного разговора.

Каждой таблице необходимо задавать, исключений тут быть не может

style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0"

А таблице в свою очередь оборачивать в td.

Так же высоту и ширину каждой картинке, ячейке и таблице, в вашем случае это можно сделать.

Все это может в вашем случае помочь, а может быть и нет и надо более детально рассматривать.

Вот ошибка в верстке

http://joxi.ru/vAWM07aUL6XWmW

Именно здесь как раз и едет письмо из 1 поста.

Как сделать вот так Помогите найти ошибку в Что за фуфло в

56

obius

17 сентября 2016, 11:13

#10

doebat:
До сих пор не понимаю, почему нельзя сделать все одной картинкой, а не резать на несколько, да еще и каждую в table оборачивать?

Таблица в таблице в таблице, потому что все в лучших традициях "рашен матрешка"🤪 ТС видать нарезал ( верстал ) через какой то софт по типу frontpage или dreamweaver :)

Что делать, если ваша email-рассылка попала в спам

VK приобрела 70% в структуре компании-разработчика red_mad_robot