Приглашаем посетить
Толстой (tolstoy-lit.ru)

HTML

Создание простого окошка

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

Это самое простое из окошек, которое можно сделать если воспользоваться свойствами таблицы. Создаем таблицу 1 х 2 - две строки и одна колонка. В верхней ячейке задаем цвет фона титульной строки, в нижней - цвет фона содержимого с помощью bgcolor.

Расстояние от текста до края таблицы задается параметром cellpadding. Остальные свойства таблицы, такие как border и cellspacing должны быть равны нулю.

Пример. Создание окошка с помощью таблицы
<table width="100" border="0" cellspacing="0" cellpadding="2">
<tr>
<td bgcolor="#993300"><font color="#FFFFFF">Заголовок</font></td>
</tr>
<tr>
<td height="50" bgcolor="#E0E0E0">
<div align="center">Содержимое</div>
</td>
</tr>
</table>

В примере заголовок выделен белым цветом, поскольку сам фон темный. Сами понимаете, черный заголовок на темном фоне не видно.

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