Tasarım Kodlama !

 <div id="tasarim">
  <div id="ust"></div>
  <div id="ustmenu">
<div class="ustmenu">

<img src="http://img402.imageshack.us/img402/165/oaaa02.jpg" width="950" height="47" border="0" usemap="#Map">
<map name="Map">
  <area shape="rect" coords="45,7,135,42" href="#Anasayfa">
  <area shape="rect" coords="142,8,207,43" href="#Forum">
  <area shape="rect" coords="216,9,300,41" href="#Haberler">
  <area shape="rect" coords="306,11,423,40" href="#Hakkımızda">
  <area shape="rect" coords="427,11,530,40" href="#Kadromuz">
  <area shape="rect" coords="537,13,608,37" href="#Sunucu">
  <area shape="rect" coords="614,12,703,40" href="#Dosyalar">
  <area shape="rect" coords="714,12,784,41" href="#İletişim">
  <area shape="rect" coords="791,10,887,41" href="#yorumlar">
</map>
</div>
</div>
  <div id="sunucuuye">
<div class="sunucu">asdasdasdasdasdasdas
asdfasdf
asdfasdfasd
sadfasdf
asdf
asdf
</div>
<div class="sunucu1">asdasdasdasdasdasdas
asdfasdf
asdfasdfasd
sadfasdf
asdf
asdf</div>
<div class="sunucu2">asdasdasdasdasdasdas
asdfasdf
asdfasdfasd
sadfasdf
asdf
asdf</div>

</div>
  <div id="ust1"></div> 
<div id="orta">
<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;}
<!--
body,td,th {
    color: #FFFFFF;
}
body {
    background-color: #FFFFFF;
}
a:link {
    color: #FFFFFF;
}
a:visited {
    color: #FFFFFF;
}
a:hover {
    color: #FFFFFF;
}
a:active {
    color: #FFFFFF;
}
-->
* {padding: 0; margin:0 }
body {
margin-left: auto;
margin-right: auto;
background: url(Arkaplan urlsi) top center fixed;
}
#tasarim{
width: 950px;
margin-left: auto;
margin-right: auto;
}

#ust{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img405.imageshack.us/img405/3864/oaaa01.jpg);
width: 950px;
height: 199px;
float: left;
}


#ustmenu{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img402.imageshack.us/img402/165/oaaa02.jpg);
width: 950px;
height: 47px;
float: left;
}

.ustmenu{
width:950px;
float: left;
padding: 0 0 0 0;
overflow: hidden;
text-align: justify;
}


#sunucuuye{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img96.imageshack.us/img96/3994/oaaa03.jpg);
width: 950px;
height: 261px;
float: left;
}

.sunucu{
width:257px;
float: left;
padding: 70px 0 0 20px;
overflow: hidden;
}

.sunucu1{
width:285px;
float: left;
padding: 70px 0 0 44px;
overflow: hidden;
}

.sunucu2{
width:283px;
float: left;
padding: 70px 0 0 47px;
overflow: hidden;
}

#ust1{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img88.imageshack.us/img88/6783/oaaa04.jpg);
width: 950px;
height: 109px;
float: left;
}



#orta{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img88.imageshack.us/img88/95/oaaa05.jpg);
width: 950px;
height: 100%;
float: left;
}

.sagsutun {
width:930px;
float: left;
padding: 0 0 0 15px;
overflow: hidden;
text-align: justify;
}

#alt{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img231.imageshack.us/img231/3758/oaaa06.jpg);
width: 950px;
height: 132px;
float: left;
}

<!--
body,td,th {
    color: #FFFFFF;
}
body {
    background-color: #FFFFFF;
}
a:link {
    color: #FFFFFF;
}
a:visited {
    color: #FFFFFF;
}
a:hover {
    color: #FFFFFF;
}
a:active {
    color: #FFFFFF;
}
-->