Как стать автором
Обновить

Комментарии 51

По верстке почтовых писем пора бы написать cookbook… а пост хорош, пригодится
Все никак не соберусь, но пора бы ;) Спасибо!
Скажите пожалуйста, применяются ли в рассылке веб-формы?
Насколько это частая практика сейчас? Существуют ли крупные компании, которые практикуют рассылку с формами на регулярной основе?
Заранее спасибо.
Нет, в почтовых рассылках формы не используются. Вы можете добиться психологического эффекта вставкой изображения, на котором нарисована форма и навесить не на эту картинку ссылку, которая будет вести на страницу с фактической формой. Такой трюк применяется.
*не на эту картину — «не» лишнее
Это был вопрос к автору или вообще? Если второе, то ЖЖ активно использует формы в письмах. Конкретно в уведомлениях о новых комментариях с возможностью сразу ответить из письма. Только работает это кажется только в веб-интерфейсе, из клиентов ответить скорее всего не получится
Ну, ЖЖ известен своей консервативностью.
Поскольку мне очень надо для дела (фильтровать формы или нет), я интересуюсь, существуют ли современные актуальные сервисы, которые осуществляют рассылку с веб-формами.
По поводу ЖЖ — понятно, довод принят.
Ещё кто-то?
Да нет, я спорить не собирался. Просто выше ответили категорично «Нет», я поправил, что всё-таки используется иногда.
Нет, что вы, я не к тому. За информацию — большое спасибо.
Может ещё сможете кого-то назвать, кто рассылает веб-формы?
Честно говоря не припомню, чтобы кто-то ещё рассылал письма с формами. Если что-нибудь увижу или вспомню, постараюсь не забыть и написать
«Письменная кухня» мною было прочитано совсем иначе… ох, заработался.
Я сам порой так прочитываю ;) Вы не одиноки
И я так прочитал ))) а в остальном, автору спасибо за пост, пригодится…
Купитить сейчас!
Об ошибках я упопмянул в топике ;)
Хороший пример. Добавьте архив с готовой версткой.
Код для ознакомления с принципами работы, а не для голой копипасты. Поэтому архив и не приложен.
Мне, например, проще в Notepad++ знакомиться, когда я могу в браузере видеть результат моих изменений кода.
Это все прекрасно, но с кодом надо работать руками, и да в notepad++. Вот вам кажется что тут кода много, а пишется он на раз.
бесполезный пост.
всё это умещается в три предложения и одну картинку.

лучше бы рассказали о проблемах отображения в разных браузерах и почтовых программах, или порекомендовали какие-нибудь средства разработки для чайников.

ах да, вы же не верстальщик, а типа менеджер, прям как из вот этого поста.

habrahabr.ru/blogs/freelance/127404/
Спасибо, повеселили ;)
Так все-таки, табличная верстка все еще остается востребованной?
эта верстка в первую очередь востребована в электронных письмах, так как дивы там не канают
Просто как раз формирую шаблон рассылки, а версткой уже шесть лет не занимался. Приятно узнать, что таблицы все еще остаются 100% совместимы со всеми приложениями.
Я бы сказал, что эта верстка чересчур табличная, и тут нужна только она ;)
Вместо



лучше использовать

Вместо
<tr><td height="10"><div style="line-height:0;"><img src="blank.gif" width="10" height="0"/></div></td></tr>
лучше использовать
<tr><td height="10" nowrap="nowrap"></td></tr>
Чем этот вариант лучше? Вы готовы подписаться под этим решением. Вы точно уверены, что оно будет железно работать во всех клиентах?
Сверстано мною 100+ писем все работает.
Hotmail, Windows Live Mail, Apple Mail 3-4, AOL Mail, Lotus Notes 8-8.5 в этих тестили?
ну проверь, коль столько сомнений.
Я не вижу смысла убеждаться, ибо мой вариант работает железно и сверстано 1000+ писем
К чему тогда столько расспросов. Никто же не просит, чтобы вы подписывались под этим постом.
Я своей публикацией утверждаю, что это железно работает. Вы же несколько голословны.
Много Я и демагогии… 0 полезной информации последних комментариях :)
Думаю лучше вам проверить такой способ и с народом поделится новым опытом.
Новое пугает, понимаю…
Отнюдь, всего 2 «Я» на 2 каммента. Вы лишь даете совет ничем его не подкрепляя. В моих же топиках все обосновано, доказано и протестировано.
меньше лишнего кода и не нужны картинки
Ваш код имеет много дыр, к примеру пустая ячейка таблицы, в которой нет даже неразрывного пробела, в ряде браузеров будет вести себя не так предсказуемо, как вам бы того хотелось. Молчу уже про heigh=«10», кроссбраузерность которого весьма сомнительна.

В коде автора тоже есть моменты, так img, с непрописанным пустым альтом, может вызывать проблемы.
Ну, и обработка стиля «line-height:0;» тоже слабое звено.

В бородатые годы, когда самым требовательным монстром был NN 4.7x, для подобных целей я использовал следующую непробиваемую конструкцию:

, где br в конце картинки отсекает символ переноса строки, который возникал в большинстве интерпретаторов.

Не знаю, насколько это сработает в наши дни, но через пару часов буду верстать рассылку, там и увижу)
А вот и непробиваемый код:
<td><tr><img src="spacer.gif" width="10" height="1" alt="" title="">
</tr></td>


И да, я промахнулся с комментарием)
То есть адресовано не мне? ;) Я уже начал готовить свой ответ на «дыры»
Height:10px идеально работает как раз в тандеме с line-hight:0;

Какие проблемы вызывает пустой alt? Указываю альты на необходимых картинок для пользователя — не более.
Даже поясню: высоту указываю и для ячейки и для картинки + line-height для того, чтобы:
1. была железная распорка
2. чтобы под картинкой-распоркой не было небольшого зазора.
> 2. чтобы под картинкой-распоркой не было небольшого зазора.

Вот! Раньше для этого использовался простой br после картинки.
Сейчас это не работает?
Только что с ходу: Chrome 13 Win7 Gmail — не работает.
что ж, будем тогда дублировать br стилем
чтобы под картинкой не было зазоров работает код:

<img src="image.gif" alt="" height="32" border="0" style="display:block;" />
Да, в gmail этот метод работает. Обязательно протестирую в других почтовиках, спасибо.
Ну все мои познания верстки относятся к периоду 1999-2006 годов. По тем временам я знал о ней все; что с этим зоопарком происходит сейчас я даже не представляю)

Поясню про пустой альт: в каком-то браузере (сейчас уже и не припомню в каком), при просмотре сайта с отключенными изображениями на месте картинок, не имеющих тайтлов, появлялся текст = имени картинки. Таким образом распорка высотой в один пиксель, не имеющая пустого тайтла, превратилась бы в текст «blank.gif», отчего верстка бы поплыла.

Сейчас это уже не актуально?
Кстати вы, возможно, правы. Если мне не изменяет память, такое бывало в ie5-6
В любом случае атрибут alt не лишний.
Этот код
<tr><td height="10" nowrap="nowrap"></td></tr>
чтобы работал правильно, должен быть без неразрывного пробела & nbsp; только параметры nowrap height и width
Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.