web-touristСемпъл loyout – за начинаещи
Автор: akolevutd
<!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
