önizlemesi burdan
http://tasarim1-.tr.gg
tasarımın üstü
<div id="tasarim"> <div id="baslik"></div> <div id="ust"></div> <div id="orta"> <div class="solsutun">
<div class="wireframemenu">
<ul>
<li><a href="http://adres.tr.gg">dersim-online</a></li>
<li><a href="http://adres.tr.gg">dersim-online</a></li>
<li><a href="http://adres.tr.gg">dersim-online</a></li>
<li><a href="http://adres.tr.gg">dersim-online</a></li>
<li><a href="http://adres.tr.gg">dersim-online</a></li>
<li><a href="http://adres.tr.gg">dersim-online</a></li>
<li><a href="http://adres.tr.gg">dersim-online</a></li>
<li><a href="http://adres.tr.gg">dersim-online</a></li>
<li><a href="http://adres.tr.gg">dersim-online</a></li>
<li><a href="http://adres.tr.gg">dersim-online</a></li>
</ul>
</div>
</div> <div class="sagsutun">
<br />
<img alt="" src="http://img.webme.com/pic/d/dersim-online/yapim.bmp" />
tasarımın altı
</div> </div> <div id="alt"></div> </div>
css kodu
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: 1000px; margin-left: auto; margin-right: auto; } #baslik{ margin-left: auto; margin-right: auto; background: url(); width: 1007px; height: 10px; float: left; text-align: center; padding: 0px 0 0 0; font-size: 15px; color: #000000; font-family: Verdana; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img.webme.com/pic/t/tasarimnetr/tas4_01.gif); width: 1007px; height: 256px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img.webme.com/pic/t/tasarimnetr/tas4_02.gif); width: 1007px; height: 331%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 18px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 50px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img.webme.com/pic/t/tasarimnetr/tas4_03.gif); width: 1007px; height: 181px; float: left; } #kommentartext { background-image:url(); }
<style type="text/css"> <!--
html, body {
text-align: center;
}
--> </style>
<style type="text/css">
.wireframemenu{
border: 1px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
width: 170px;
}
* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}
.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}
.wireframemenu a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}
.wireframemenu a:visited{
color: #595959;
}
html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}
.wireframemenu a:hover{
background-color: #F8FBBD;
color: black;
}
</style>
