Шаблон:Test3 — различия между версиями

Материал из Integra-S Wiki
Перейти к: навигация, поиск
 
(не показаны 134 промежуточные версии этого же участника)
Строка 1: Строка 1:
<head>
+
<div style="width: {{{Ширина}}}; margin: 20px auto; display: {{{Позиция}}};margin-left: {{{Отступ}}}; float: {{{Выравнивание}}}">
<title>Пример жесткой CSS верстки с помощью таблицы</title>
+
<div style="width: 100%;
<style type="text/css">
+
border-top-left-radius:9px;
.header {width:100%; height:60px; background-color:#717dc9; padding:20px; text-align:center}
+
border-top-right-radius:9px;
.left_col {width:120px; height:460px; background-color:#dddddd; padding:15px; vertical-align:top}
+
height: 50px;
.center_col {width:500px; background-color:#ffffff; padding:15px; vertical-align:top}
+
box-sizing: border-box;
.right_col {width:120px; background-color:#dddddd; padding:15px; vertical-align:top}
+
font-size:1.5em;
.footer {width:100%; padding:10px 0 10px 20px; background-color:#717dc9; font-size:13px}
+
line-height: 30px;
</style>
+
margin: 0;
</head>
+
padding: 10px;
<body>
+
background: {{{Цвет}}};
<table cellpadding="0" cellspacing="0" width="860" align="center">
+
border: solid 1px {{{Цвет}}};
<tr>
+
margin-top: {{{Отступ_низ}}};>
<td colspan="3" class="header">Мой сайт</td>
+
<p style = "margin: 0;line-height: 30px;">  
</tr>
+
{{{Заголовок}}}</p>
<tr>
+
</div>
<td class="left_col">Меню</td>
+
<div style="width: 100%;
<td class="center_col">Содержание</td>
+
padding: 10px;
<td class="right_col">Ссылки</td>
+
box-sizing: border-box;
</tr>
+
border-bottom-right-radius:9px;
<tr>
+
border-bottom-left-radius:9px;
<td colspan="3" class="footer">© 2010</td>
+
border: solid 1px {{{Цвет}}};
</tr>
+
>
</table>
+
{{{Текст}}}
</body>
+
</div>
 +
</div>

Текущая версия на 14:07, 30 октября 2017

{{{Заголовок}}}

{{{Текст}}}