Приглашаем посетить
Есенин (sergeiesenin.lit-info.ru)

HTML

Рамка, рамка, панорамка

Заголовок
Содержимое

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

Чтобы построить окошко с двумя рамками, как приведено на рисунке, требуется три таблицы. Одна, самая верхняя служит скелетом, а остальные, находящиеся внутри нее, создают фон и рамки.

Вначале делаем таблицу из двух ячеек, в которой параметр border равен нулю. Значения cellspacing или cellpadding (в данном случае значения не имеет какой конкретно использовать) определяют расстояние между рамкой заголовка и рамкой содержимого.

Рамку во внутренних таблицах можно сделать с помощью параметра border.

Пример. Окошко из двух рамок
<table width="100" border="0" cellspacing="0" cellpadding="2">
<tr>
<td>
  <table width="100" border="1" cellspacing="0" cellpadding="2" bordercolor="#993300">
   <tr>
      <td bgcolor="#FFFFFF">Заголовок</td>
   </tr>
  </table>
</td>
</tr>
<tr>
<td>
  <table width="100" border="1" cellspacing="0" cellpadding="2" bordercolor="#993300">
   <tr>
    <td bgcolor="#FFFFFF" align=center>Содержимое</td>
   </tr>
  </table>
</td>
</tr>
</table>

Обратите внимение, ширина внутренних таблиц совпадает с шириной внешней. Если это не сделать, то рамка может оказаться гора-а-а-здо шире, чем хотелось бы.
Толщина рамки во внутренних таблицах задается параметром border, а отступ - значением cellpadding.

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