Форум Практика оптимизации Любые вопросы от новичков по оптимизации

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

12
R
На сайте с 16.09.2016
Offline
5
radioactives
774

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

gmail mail.ru норм

Outlook 2013 - криво

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

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

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

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

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

skype radioactives68

D
На сайте с 14.09.2016
Offline
4
doebat
#1

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

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

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

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

Красивое письмо в аутлук: Нужна помощь в DLE Разные сотрудники в офисе.
R
На сайте с 16.09.2016
Offline
5
radioactives
#2

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

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

JH
На сайте с 29.06.2013
Offline
48
JIenpukoH
#3

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

obius
На сайте с 19.08.2015
Offline
56
obius
#4 


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

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

Z0
На сайте с 03.09.2009
Offline
827
ziliboba0213
#5

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

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

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

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

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

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

https://litmus.com/builder/e073051

вотс код

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

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

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

obius
На сайте с 19.08.2015
Offline
56
obius
#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
На сайте с 14.09.2016
Offline
4
doebat
#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 поста.

Как сделать вот так Помогите найти ошибку в Что за фуфло в
obius
На сайте с 19.08.2015
Offline
56
obius
#10
doebat:
До сих пор не понимаю, почему нельзя сделать все одной картинкой, а не резать на несколько, да еще и каждую в table оборачивать?

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

12

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