При создании окошка с рамкой можно пойти двумя путями. Первый - использование
одного из параметров таблицы - border. Это самый
простой и элегантный способ создания любых рамок. К сожалению, Netscape и Internet
Explorer (IE) по разному интерпретируют этот параметр. В Netscape рамка получается
псевдотрехмерная, а в IE нет (рис. 1).
 |
 |
|
Окошко с рамкой в Netscape
|
Окошко с рамкой в IE
|
Если вас не смущает подобное различие, то сделать такое окошко можно по следующему рецепту. Создаем таблицу 1 х 2 - две строки и одна колонка. В верхней ячейке задаем цвет фона титульной строки, в нижней - цвет фона содержимого с помощью bgcolor.
Параметр border определяет толщину рамки, а cellpadding - расстояние от рамки до содержимого таблицы.
Пример 1. Использование параметра таблицы border
| <table width="400" border="1"
cellspacing="0" cellpadding="2" bgcolor="#FFFFFF"
bordercolor="#993300"> <tr> <td bgcolor="#993300"><font color="#FFFFFF">Заголовок</font></td> </tr> <tr> <td> <div align="center">Содержимое</div> </td> </tr> </table> |
Если значение cellspacing установить отличным от нуля, то получится двойная рамка. Экспериментируя над разными параметрами можно добиться интересных эффектов.
Второй путь создания окошка с рамкой - использование вложенных таблиц. В этом случае код усложняется, становится более громоздким, но зато такое окошко показывается одинаково в любом браузере.
Пример 2. Использование вложенных таблиц
| <table width="400" border="0"
cellspacing="0" cellpadding="2" bgcolor="#FFFFFF"
bordercolor="#993300"> <tr> <td bgcolor="#993300"><font color="#FFFFFF">Заголовок</font></td> </tr> <tr> <td bgcolor="#993300"> <table border="0" bgcolor="#FFFFFF" height="100%" width="100" cellspacing="0" cellpadding="4"> <tr> <td align="center">Содержимое</td> </tr> </table> </td> </tr> </table> |
Толщина рамки задается параметром cellpadding в верхней таблице. Чему равно это значение, столько пикселов и будет рамка. Отступ от рамки до текста определяется параметром cellpadding во внутренней таблице.
Опять же, если поварьировать параметром cellspacing, можно получить разные виды окошек.