|
Принцип создания окошка с закладкой почти полностью совпадает с рецептом, описанным в статье Рамка, рамка, панорамка. То есть, вначале делаем таблицу из двух ячеек, в которой параметр border равен нулю. Значения cellspacing или cellpadding определяют расстояние между рамкой заголовка и рамкой содержимого.
Обязательно надо задать ширину верхней таблицы в пикселах или процентах. А вот ширину таблицы, где пишется заголовок указывать не будем. Так и получится, что ширина этой таблицы будет определяться ее содержимым. Какой длины заголовок, такой длины и станет наша закладка, плюс еще отступы, определяемые значениями cellpadding или cellspacing.
Пример. Окошко с закладкой
<table width="100" border="0"
cellspacing="0" cellpadding="0"> <tr> <td> <table border="1" cellspacing="0" cellpadding="2" bordercolor="#993300" bgcolor="#993300"> <tr> <td><font color="#FFFFFF">Заголовок</font></td> </tr> </table> </td> </tr> <tr> <td> <table width="100" border="1" cellspacing="0" cellpadding="2" bordercolor="#993300" bgcolor="#FFFFFF"> <tr> <td align="center">Содержимое</td> </tr> </table> </td> </tr> </table> |
Обратите внимение, ширина внутренних таблиц совпадает с шириной внешней. Если
это не сделать, то рамка может оказаться гора-а-а-здо шире, чем хотелось бы.
Толщина рамки во внутренних таблицах задается параметром border,
а отступ - значением cellpadding.