<div id="tasarim">
<div id="ust"></div>
<div id="orta">
<div class="solsutun"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>14</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" href="styles.css" type="text/css" />
</head>
<body>
<h1>Vertical CSS Navigation Menu</h1>
<hr />
<div id="menu">
<ul>
<li><a href="http://www.free-css.com/">CSS Templates</a></li>
<li><a href="http://www.free-css.com/">CSS Layouts</a></li>
<li><a href="http://www.free-css.com/">CSS Books</a></li>
<li><a href="http://www.free-css.com/">CSS Menus</a></li>
<li><a href="http://www.free-css.com/">CSS Tutorials</a></li>
<li><a href="http://www.free-css.com/">CSS Reference</a></li>
<li><a rel="nofollow" target="_blank" href="http://www.e-lusion.com/" title="E-lusion">E-lusion</a></li>
</ul>
</div>
</body>
</html>
</div>
<div class="sagsutun">
::::::::::::::::________________________
</div> </div> <div id="alt"></div> </div>
______
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
* {padding: 0; margin:0 }
body {
margin-left: auto;
margin-right: auto;
background: url( ) top center fixed;
}
#tasarim{
width: 1007px;
margin-left: auto;
margin-right: auto;
}
#ust{
margin-left: auto;
margin-right: auto;
background: url(http://img202.imageshack.us/img202/8875/21555290.jpg);
width: 1000px;
height: 325px;
float: left;
}
#orta{
margin-left: auto;
margin-right: auto;
background: url(http://img215.imageshack.us/img215/404/57475827.jpg);
width: 1000px;
height: 100%;
float: left;
}
.solsutun{
width:186px;
float: left;
padding: 0 0 0 25px;
overflow: hidden;
}
.sagsutun {
width:518px;
float: left;
padding: 0 0 0 40px;
overflow: hidden;
text-align: justify;
}
#alt{
margin-left: auto;
margin-right: auto;
background: url(http://img692.imageshack.us/img692/9959/99518763.jpg
);
width: 1000px;
height: 300px;
float: left;
}
