city tasarımım
TASARIM ÜZERİNE
<center>
<div id="tasarim">
<div id="ust"></div>
<div id="orta">
<div class="solsutun">
<div style="text-align: left">
<img alt="" src="https://img.webme.com/pic/c/cssdefteri/ana123.png" />
<head>
<link rel="stylesheet" href="/menu/menu_style.css" type="text/css" />
</head>
<ul id="menu">
<li><a href="http://cssdefteri.tr.gg/" target="_self">Anasayfa</a></li>
<li><a href="http://cssdefteri.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm" target="_self">İletişim</a></li>
<li><a href="http://cssdefteri.tr.gg/Ziyaret%E7i-defteri.htm" target="_self">Z.Defteri</a></li>
<li><a href="http://cssdefteri.tr.gg/DESTEK-OL.htm" target="_self">Destek Ol</a></li>
</ul>
<img alt="" src="https://img.webme.com/pic/c/cssdefteri/css23.png" />
<head>
<link rel="stylesheet" href="/menu/menu_style.css" type="text/css" />
</head>
<ul id="menu">
<li><a href="http://cssdefteri.tr.gg/men.ue.-gizleme.htm" target="_self">Menü Gizleme</a></li>
<li><a href="http://cssdefteri.tr.gg/css-.oe.ren.htm" target="_self">Css Tasarım Yap</a></li>
<li><a href="http://cssdefteri.tr.gg/tavsiye-programlar.htm" target="_self">Tavsiye Programlar</a></li>
<li><a href="http://cssdefteri.tr.gg/css-siteleri.htm" target="_self">Css siteleri</a></li>
</ul>
<img alt="" src="https://img.webme.com/pic/c/cssdefteri/photso2.png" />
<head>
<link rel="stylesheet" href="/menu/menu_style.css" type="text/css" />
</head>
<ul id="menu">
<li><a href="http://cssdefteri.tr.gg/online-photoshop.htm" target="_self">Online photshop</a></li>
<li><a href="http://cssdefteri.tr.gg/photoshop-dersleri.htm" target="_self">Photoshop Dersleri</a></li>
<li><a href="http://cssdefteri.tr.gg/brush.htm" target="_self">Brush</a></li>
<li><a href="http://cssdefteri.tr.gg/Pattern.htm" target="_self">Pattern</a></li>
</ul>
<img alt="" src="https://img.webme.com/pic/c/cssdefteri/spo2.png" />
<head>
<link rel="stylesheet" href="/menu/menu_style.css" type="text/css" />
</head>
<ul id="menu">
<li><a href="http://cssdefteri.tr.gg/FENERBAH%C7E.htm" target="_self">FenerBahçe</a></li>
<li><a href="http://cssdefteri.tr.gg/GALATASARAY.htm" target="_self">Galatasaray</a></li>
<li><a href="http://cssdefteri.tr.gg/bE%26%23350%3B%26%23304%3BKTA%26%23350%3B.htm" target="_self">Beşiktaş</a></li>
<li><a href="http://cssdefteri.tr.gg/SPOR-HABERLER%26%23304%3B.htm" target="_self">Spor Haberleri</a></li>
</ul>
</div>
</div>
<div class="sagsutun">
TASARIM ALTINA
</div>
</div>
<div id="alt"></div>
</div>
</center>
CSS KODUNA
table {margin-left: auto;margin-right: auto}
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: 0 auto;
margin-right:0 auto;
background: url(https://img.webme.com/pic/c/cssdefteri/arkplas2.png) top center fixed;
}
#tasarim{
width: 1000px;
margin-left: 0 auto;
margin-right:0 auto;
}
#baslik{
margin-left: 0 auto;
margin-right:0 auto;
background: none;
width: 1000px;
height: 20px;
float: left;
text-align: center;
padding: 180px 0 0 0;
font-size: 20px;
color: #ff0000;
font-family: Verdana, arial;
}
#ust{
margin-left: 0 auto;
margin-right:0 auto;
background: url(https://img.webme.com/pic/g/giresunteam/tasarim15698_01.png);
width: 1000px;
height: 246px;
float: left;
}
#orta{
margin-left: 0 auto;
margin-right:0 auto;
background: url(https://img.webme.com/pic/g/giresunteam/tasarim15698_02.png);
width: 1000px;
height: 284%;
float: left;
}
.solsutun{
width:176px;
float: left;
padding: 0 0 0 88px;
overflow: hidden;
}
.sagsutun {
width:615px;
float: left;
padding: 0 0 0 15px;
overflow: hidden;
text-align: justify;
}
#alt{
margin-left: 0 auto;
margin-right:0 auto;
background: url(https://img.webme.com/pic/g/giresunteam/tasarim15698_03.png);
width: 1000px;
height: 238px;
float: left;
}
#menu {
background: #333;
list-style: none;
margin: 0;
padding: 0;
width: 12em;
}
#menu li {
font: 85% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
#menu a {
background: #333;
border-bottom: 1px solid #000000;
color: #ccc;
display: block;
margin: 0;
padding: 8px 12px;
text-decoration: none;
font-weight:normal;
}
#menu a:hover {
background: #000000 url("https://img.webme.com/pic/c/cssdefteri/hover.gif") left center no-repeat;
color: #fff;
padding-bottom: 8px;
}