Добавить в избранное  ||  Создание горизонтальных линий  ||  Начало  ||  Колонки с разделителем

9. Создание колонок

Две и более колонки позволяют разбить длинный текст или другое содержимое на блоки. В бумажных издания разбиение текста на колонки продиктовано сокращением ширины текста, поскольку для человека читать строку длиной более 60 символов утомительно. При чтении на бумаге читатель может охватить сразу весь текст и легко перейти с конца первой колонки на начало второй. На веб-странице такой подход не применяется, ведь придется мотать скроллбар вверх-вниз, что несколько неудобно. Вот поэтому создание колонок на сайте нужно для размещения разных независимых блоков. В левой, например, рубрикатор, в правой – новости.
Колонки легко делаются с помощью таблицы с двумя ячейками. Надо только задать параметр таблицы cellpadding или cellspacing отличным от нуля, чтобы сохранить расстояние между колонками.

Пример 9.1. Создание двух колонок с помощью таблицы

<table border="0" cellpadding="10" cellspacing="0">
<tr>
<td valign="top">1 колонка</td>
<td valign="top">2 колонка</td> </tr>
</table>

По умолчанию содержимое ячейки выравнивается по центру вертикали, поэтому чтобы в колонках все было выровнено по верхнему краю, следует использовать параметр ячейки valign="top".
Какой параметр выбрать – cellpadding или cellspacing зависит от вкуса и желания. В данном случае абсолютно никакой разницы нет.

Добавить в избранное  ||  Создание горизонтальных линий  ||  Начало  ||  Колонки с разделителем

top