Шаблон:Test3 — различия между версиями
Материал из Integra-S Wiki
Wikiadmin (обсуждение | вклад) |
Wikiadmin (обсуждение | вклад) |
||
| Строка 1: | Строка 1: | ||
| − | |||
<head> | <head> | ||
| − | <title>Пример жесткой | + | <title>Пример жесткой CSS верстки с помощью таблицы</title> |
<style type="text/css"> | <style type="text/css"> | ||
| − | + | .header {width:100%; height:60px; background-color:#717dc9; padding:20px; text-align:center} | |
| − | + | .left_col {width:120px; height:460px; background-color:#dddddd; padding:15px; vertical-align:top} | |
| − | + | .center_col {width:500px; background-color:#ffffff; padding:15px; vertical-align:top} | |
| − | + | .right_col {width:120px; background-color:#dddddd; padding:15px; vertical-align:top} | |
| − | + | .footer {width:100%; padding:10px 0 10px 20px; background-color:#717dc9; font-size:13px} | |
| − | |||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
| − | < | + | <table cellpadding="0" cellspacing="0" width="860" align="center"> |
| − | + | <tr> | |
| − | < | + | <td colspan="3" class="header">Мой сайт</td> |
| − | < | + | </tr> |
| − | < | + | <tr> |
| − | < | + | <td class="left_col">Меню</td> |
| − | < | + | <td class="center_col">Содержание</td> |
| − | + | <td class="right_col">Ссылки</td> | |
| − | < | + | </tr> |
| − | </ | + | <tr> |
| + | <td colspan="3" class="footer">© 2010</td> | ||
| + | </tr> | ||
| + | </table> | ||
</body> | </body> | ||
| − | |||
Версия 18:59, 26 октября 2017
<head> <title>Пример жесткой CSS верстки с помощью таблицы</title> <style type="text/css"> .header {width:100%; height:60px; background-color:#717dc9; padding:20px; text-align:center} .left_col {width:120px; height:460px; background-color:#dddddd; padding:15px; vertical-align:top} .center_col {width:500px; background-color:#ffffff; padding:15px; vertical-align:top} .right_col {width:120px; background-color:#dddddd; padding:15px; vertical-align:top} .footer {width:100%; padding:10px 0 10px 20px; background-color:#717dc9; font-size:13px} </style> </head> <body>
| Мой сайт | ||
| Меню | Содержание | Ссылки |
| © 2010 | ||
</body>
