Семпъл loyout - за начинаещи
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>layout</title>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<style type="text/css">

* { padding: 0; margin: 0; }

body {
background-color: #d5d5d5;
color: #000;
font-size: 13px;
font-family: verdana;
}

/* start of loyout */
#container {
width: 800px;
height: auto;
border: 2px solid #000;
margin: 0 auto;
}

div.header {
width: 800px;
height: 100px;
background-color: #fff;
}

div.menu {
width: 800px;
height: 16px;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
background-color: #fff;
}

div.body {
width: 800px;
height: auto;
background-color: #fff;
}

div.footer {
width: 800px;
height: 14px;
background-color: #fff;
border-top: 2px solid #000;
text-align: center;
font-size: 10px;
padding-top: 1px;
}
/* and of loyout */

/* start of navigation */
ul.navigation {
list-style-type: none;
padding-left: 143px;
}

ul.navigation li {
padding: 0 10px 0 10px;
float: left;
}

ul.navigation li a {
border-left: 2px solid #fff;
border-right: 2px solid #fff;
text-decoration: none;
padding: 0 10px 0 10px;
letter-spacing: 1px;
color: #000;
}

ul.navigation li a:hover {
border-left: 2px solid #000;
border-right: 2px solid #000;
padding: 0 10px 0 10px;
color: #000;
}
/* and of navigation */

</style>

</head>

<body>


<div id="container">

<div class="header">

</div> <!-- and of header -->

<div class="menu">

<ul class="navigation">
<li><a href="#">Начало</a></li>
<li><a href="#">Проекти</a></li>

<li><a href="#">Графики</a></li>
<li><a href="#">Екип</a></li>
<li><a href="#">Контакти</a></li>
</ul>

</div> <!-- and of menu -->

<div class="body">
<br /><br /><br /><br /><br />

</div><!-- and of body -->

<div class="footer">

Copyright © 2007 Web Design - akolevutd, All rights reserved. Valid HTML & CSS code.

</div> <!-- and of footer -->

</div> <!-- and of container -->

</body>

</html>


Демо

Автор | akolevutd


/ Трябва да сте регистриран за да напишете коментар /