Приглашаем посетить
Культурология (cult-lib.ru)

HTML

Рамка из вложенных таблиц

 

Рамка получается наложением двух таблиц друг на друга. Если мы возьмем прямоугольник из, например, красной бумаги и сверху на него наложим еще один прямоугольник белого цвета, чуть меньшего размера, то увидим красную рамку. Только вместо листа бумаги используем тег TABLE, а цвет таблицы задаем параметром bgcolor.

Пример. Создание окошка с помощью вложенных таблиц
<table width="300" height="300" border="0" cellspacing="0" cellpadding="1" bgcolor="#000000">
<tr>   
<td><table border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" width="300" height="300">
<tr>         
<td align=center>содержимое таблицы</td>
</tr>
</table></td>
</tr>
</table>

В верхней таблице устанавливаем ширину и высоту таблицы по желанию, параметром bgcolor задаем цвет рамки, cellspacing присваиваем нулю, а cellpadding управляет толщиной границы. Чем этот параметр больше, тем толще будет и рамка.

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

Ширина и высота внутренней таблицы обязательно должны совпадать с шириной и высотой внешней таблицы.

Вернуться к оглавлению