Добавить в избранное  ||  Создание колонок  ||  Начало  ||  Создание подрисуночной подписи

10. Колонки с разделителем

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

Колонки с разделителем создаются с помощью таблицы с тремя ячейками. Среднюю ячейку делаем шириной 1-2 пиксела и заливаем каким-нибудь цветом с помощью параметра bgcolor – вот и получится линия. А параметр cellspacing определяет расстояние между линией и текстом. Использовать cellpadding в данном случае нельзя, иначе линия окажется толще, чем необходимо.

Пример 10.1. Создание двух колонок с линией между ними

<table border="0" cellpadding="0" cellspacing="10">
<tr>
<td valign="top">1 колонка</td>
<td width="1" bgcolor="#000000"><img src="spacer.gif" width="1" height="1"></td>
<td valign="top">2 колонка</td>
</tr>
</table>

Чтобы разделительная линия была видна в браузере Netscape, в ячейку нужно что-нибудь поместить. Неразделяемый пробел &nb sp; для этой цели не годится, он может сделать линию более толстой, что нам не нужно. Самое идеальное -прозрачный рисунок размером 1 на 1 пиксел (в примере он называется spacer.gif).

Добавить в избранное  ||  Создание колонок  ||  Начало  ||  Создание подрисуночной подписи

top