Применение разделителей в табличной верстке письма?

Question

[Роман Романович]

Добрый день!
Столкнулся с проблемой разделителей между блоками, как их лучше реализовать, с помощью border не получится, на сколько я понимаю, вообщем зацените скрин и наведите на умную мысль https://yadi.sk/i/mWO7er0eh3ysK

Answer 1

[teotlu]

Да можно и с помощью border, просто добавить в промежутки пустых ячеек без бордера.

Comments

[Роман Романович]

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

[Роман Романович]

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

[teotlu]

jsfiddle.net/daynfkm8/2 — вот, добавил бэкграунд, чтобы были понятны границы таблицы. А эту конструкцию уже можно вставить в ячейку другой таблицы. Естественно, с правилами вёрстки писем я не заморачивался, просто показал на примере, как именно это сделать можно.

[Роман Романович]

спасибо за помощь

[teotlu]

Роман Романович: пожалуйста :)

[Роман Романович]

teotlu столкнулся опять с такого рода проблемой не могу найти решения. как с помощью таблиц можно это сделать https://yadi.sk/i/pBoey7SEh4m2B

[teotlu]

Роман Романович: тоже для письма? Если вкратце, то вот так: jsfiddle.net/m8ryrd3q . Бордеры сделал, чтобы было понятно, какая структура у таблицы.

[Роман Романович]

teotlu я задал это изображение фоном к таблицы и сделал 2 колонки с фиксированной шириной

[teotlu]

Роман Романович: фоном для вёрстки писем не стоит делать важные изображения, потому что во многих почтовых клиентах фоновые изображения не отображаются.

Answer 2

[bob_cody]

Могу вам посоветовать использовать вот эту технологию - htmlbook.ru/content/razrezanie-i-skleyka-izobrazheniy
Оформляйте всё, кроме текста, как изображение. Для текста выделяйте отдельные ячейки, если он необходим как текст.

Answer 3

[sergski]

border же не обязательно у ячейки таблицы ставить, можно вставить любой блочный элемент с border-top: 1px solid grey, например к <hr/>;
А вообще лучше использовать ненумерованный список для контента, сбросив стили, иконки в спрайт и выводить в бекграунд. border на li, еще добавить немножко css и красота.)

Comments

[teotlu]

Вас совсем не смущает, что вопрос про вёрстку именно письма, да? Бэкграунды, спрайты...

[sergski]

упс) ну тут только вложенные таблицы