О сайте
|
Карта сайта
|
Календарь сайта
|
Содержание
Проекты
Sale Explorer
Internet Office
StatSite
StatMail
StatHttp
StatCall
StatNets
Sourceforge
JsBookmaker
Флаги стран мира
Портфолио
Библиотека
Веб технологии
Теги META
Модуль mod_rewrite
Регулярные выражения PCRE
Браузеры
Поисковые сервера
Язык запросов
Ключевые слова
Примеры
Элементы дизайна
Рамки
Меню
Галереи
Заголовки
Формы
Блог
2007
Главная
//
Элементы дизайна
//
Рамки
//
Рамка с тенью. Табличная верстка
Рамка с тенью. Табличная верстка
CSS:
body {background-color:#f9f7ed} .box {background-color:#ffffff} .box td.top {background-image:url(img/top.jpg);background-repeat:repeat-x;} .box td.bottom {background-image:url(img/bottom.jpg);background-repeat:repeat-x;} .box td.left {background-image:url(img/left.jpg);background-repeat:repeat-y;} .box td.right {background-image:url(img/right.jpg);background-repeat:repeat-y;}
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="example.css"> <title>Example</title> </head> <body topmargin="10" leftmargin="10"> <table border="0" cellpadding="0" cellspacing="0" width="40%" class="box"> <tr> <td><img src="img/left-top.jpg"></td> <td class="top" width="100%"><!----></td> <td><img src="img/right-top.jpg"></td> </tr> <tr> <td class="left"><!----></td> <td> text text text<br> text text text<br> text text text<br> text text text<br> </td> <td class="right"><!----></td> </tr> <tr> <td><img src="img/left-bottom.jpg"></td> <td class="bottom"><!----></td> <td><img src="img/right-bottom.jpg"></td> </tr> </table> </body> </html>
Загрузка:
example.html
example.css
Пример:
Совместимость:
Firefox
1.*
2.*
Internet Explorer
6.*
7.*
Opera
9.*
09.11.2007
Рамки
Рамка с круглыми краями.
Блочная верстка.
Рамка с тенью.
Блочная верстка
Рамка с тенью.
Табличная верстка
Рамка с уголком.
Блочная верстка
2006-2024, Roman Shtogrin
