<div id="tasarim"> <div id="ust"> <div class="ust"><center><img src="http://i42.tinypic.com/2vx1z4h.jpg" alt="" /></center></div> </div> <div id="ustmenu"><div class="ustmenu"> <body> <div class="menu"> <ul> <li><a href="http://bs-tasarimci.tr.gg" >Home</a></li> <li><a href="http://bs-tasarimci.tr.gg" id="current">Products</a> <ul> <li><a href="http://bs-tasarimci.tr.gg">Drop Down CSS Menus</a></li> <li><a href="http://bs-tasarimci.tr.gg">Horizontal CSS Menus</a></li> <li><a href="http://bs-tasarimci.tr.gg">Vertical CSS Menus</a></li> <li><a href="http://bs-tasarimci.tr.gg">Dreamweaver Menus</a></li> </ul> </li> <li><a href="/faq.php">FAQ</a> <ul> <li><a href="http://bs-tasarimci.tr.gg">Drop Down CSS Menus</a></li> <li><a href="http://bs-tasarimci.tr.gg">Horizontal CSS Menus</a></li> <li><a href="http://bs-tasarimci.tr.gg">Vertical CSS Menus</a></li> <li><a href="http://bs-tasarimci.tr.gg">Dreamweaver Menus</a></li> </ul> </li> <li><a href="/contact/contact.php">Contact</a></li> </ul> </div> </body> </div></div> <div id="yesil"><div class="yesil">İstediğin bir şey yaz.....</div> </div> <div id="orta"> <div class="ortasutun">
</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;} #counter{text-align:center;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background: url(arkaplan url) top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img63.imageshack.us/img63/3113/odv01.jpg); width: 1000px; height: 234px; float: left; } .ust{ width:556px; float: left; padding: 130px 0 0 436px; overflow: hidden; text-align: justify; } #ustmenu{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img266.imageshack.us/img266/8664/odv02.jpg); width: 1000px; height: 57px; float: left; } .ustmenu{ width:940px; float: left; padding: 10px 0 0 27px; overflow: hidden; text-align: justify; } #yesil{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img248.imageshack.us/img248/112/odv03.jpg); width: 1000px; height: 60px; float: left; } .yesil{ width:995px; float: left; padding: 14px 0 0 31px; overflow: hidden; text-align: justify; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img294.imageshack.us/img294/5210/odv04.jpg); width: 1000px; height: 100%; float: left; } .ortasutun{ width:946px; float: left; padding: 0 0 0 28px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img163.imageshack.us/img163/6485/odv05.jpg); width: 1000px; height: 151px; float: left; } .menu{ border:none; border:0px; margin:0px; padding:0px; font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; font-size:14px; font-weight:bold; } .menu ul{ background:#333333; height:35px; list-style:none; margin:0; padding:0; } .menu li{ float:left; padding:0px; } .menu li a{ background:#333333 url("http://img504.imageshack.us/img504/7743/seperator.gif") bottom right no-repeat; color:#cccccc; display:block; font-weight:normal; line-height:35px; margin:0px; padding:0px 25px; text-align:center; text-decoration:none; } .menu li a:hover, .menu ul li:hover a{ background: #2580a2 url("http://img571.imageshack.us/img571/170/hoverj.gif") bottom center no-repeat; color:#FFFFFF; text-decoration:none; } .menu li ul{ background:#333333; display:none; height:auto; padding:0px; margin:0px; border:0px; position:absolute; width:225px; z-index:200; /*top:1em; /*left:0;*/ } .menu li:hover ul{ display:block; } .menu li li { background:url('http://img219.imageshack.us/img219/9938/subsep.gif') bottom left no-repeat; display:block; float:none; margin:0px; padding:0px; width:225px; } .menu li:hover li a{ background:none; } .menu li ul a{ display:block; height:35px; font-size:12px; font-style:normal; margin:0px; padding:0px 10px 0px 15px; text-align:left; } .menu li ul a:hover, .menu li ul li:hover a{ background:#2580a2 url('http://img571.imageshack.us/img571/192/hoversub.gif') center left no-repeat; border:0px; color:#ffffff; text-decoration:none; } .menu p{ clear:left; }
