Не совсем понятно что нужно. Посмотри вот это. Не помню где надыбал.. можть пригодиться
| Код | <html>
<head>
<style type="text/css">
BODY { /* Стиль основных элементов веб-страницы */
text-align: center; /* 1 */
margin: 0px;
margin-top: 10px;
padding: 0px;
font-family: Verdana, Arial, sans-serif;
}
#container { /* Основной каркас страницы */
width:750px;
margin-right:auto; /* 1 */
margin-left:auto; /* 1 */
}
#column { /* Основа для меню и контента */
background: #008000;
width: 750px;
}
#top { /* Верхняя часть с заголовком страницы */
text-align: left;
width: 750px;
background-color: #800000;
padding: 0px;
height: 50px;
}
#menu { /* Навигация по сайту */
width: 200px;
float: left;
color: white;
padding: 0px;
}
#content { /* Основное содержание страницы */
background-color: #e0e0e0;
padding: 0px;
margin-left: 200px;
}
#bottom { /* Нижняя часть */
width: 750px;
background-color: #000080;
}
#contact { /* Контактная информация */
float: left;
padding: 0px;
width: 500px;
text-align: left;
}
#button { /* Всякие кнопочки */
padding: 0px;
text-align: right;
}
H1 { /* Заголовок страницы */
text-align: center;
font-size: 220%;
font-family: "Times New Roman", Times, serif;
font-weight: normal;
color: black;
padding: 0px;
margin: 0px;
}
#menu P { /* Разделы меню */
font-size: 100%;
font-weight: bold;
text-align: left;
padding: 10px;
margin: 0px;
}
#menu A { /* Ссылки в меню */
color: #ccffcc;
font-size: 90%;
font-weight: normal;
}
#menu A:visited { /* Ссылки в меню */
color: #c0c0c0;
}
#menu A:hover { /* Ссылки в меню */
background-color: #ffffc0;
width: 150px;
color: black;
}
#content P { /* Стиль основного текста */
font-size: 90%;
text-align: justify;
padding: 10px;
margin: 0px;
}
#contact P { /* Стиль контактов */
font-size: 80%;
padding: 5px;
color: #fffff0;
margin-top: 0px
}
#button P { /* Стиль размещения кнопочек */
text-align: right;
padding: 5px;
margin: 0px;
}
.title { /* Заголовок сайта */
font-size: 24px;
font-weight: bold;
color: white;
padding-top: 10px;
padding-bottom: 10px;
}
</style>
</head>
<body>
<div id=container>
<div id=top><span class=title>Заголовок сайта</span></div>
<div id=column>
<div id=menu>
<p>Раздел 1<br>
<a href=#>Ссылка 1.1</a><br>
<a href=#>Ссылка 1.2</a><br>
<a href=#>Ссылка 1.3</a><br>
</p>
<p>Раздел 2<br>
<a href=#>Ссылка 2.1</a><br>
<a href=#>Ссылка 2.2</a><br>
<a href=#>Ссылка 2.3</a><br>
</p>
<p>Раздел 3<br>
<a href=#>Ссылка 3.1</a><br>
<a href=#>Ссылка 3.2</a><br>
<a href=#>Ссылка 3.3</a><br>
</p>
</div>
<div id=content>
<h1>Заголовок статьи</h1>
<p>Какая-то ерунда, содержание и так далее длоыф лодоыл лыфво лд вдл выдлодывф длфволдо выдл фдло вылдо длфодло вдло лоыы лрвыфр олыр лорвыр уцйщозц йщлщз цв9ш094 3гощв ыощшоуц0 вцш0о вц 0шцуо .</p>
<p>Какая-то ерунда, содержание и так далее длоыф лодоыл лыфво лд вдл выдлодывф длфволдо выдл фдло вылдо длфодло вдло лоыы лрвыфр олыр лорвыр уцйщозц йщлщз цв9ш094 3гощв ыощшоуц0 вцш0о вц 0шцуо .</p>
<p>Какая-то ерунда, содержание и так далее длоыф лодоыл лыфво лд вдл выдлодывф длфволдо выдл фдло вылдо длфодло вдло лоыы лрвыфр олыр лорвыр уцйщозц йщлщз цв9ш094 3гощв ыощшоуц0 вцш0о вц 0шцуо .</p>
<p>Какая-то ерунда, содержание и так далее длоыф лодоыл лыфво лд вдл выдлодывф длфволдо выдл фдло вылдо длфодло вдло лоыы лрвыфр олыр лорвыр уцйщозц йщлщз цв9ш094 3гощв ыощшоуц0 вцш0о вц 0шцуо .</p>
<p>Какая-то ерунда, содержание и так далее длоыф лодоыл лыфво лд вдл выдлодывф длфволдо выдл фдло вылдо длфодло вдло лоыы лрвыфр олыр лорвыр уцйщозц йщлщз цв9ш094 3гощв ыощшоуц0 вцш0о вц 0шцуо .</p>
</div>
</div>
<div id=bottom>
<div id=contact><p><b>Контактная информация</b><br>E-mail: <u>[email protected]</u></div>
</div>
</div>
</body>
</html> |
|
[i]fgfg[b]fgfdg[size=8][/size]
