kirmizi
Tasarım Üstü
<div id="tasarim"> <div id="baslik"> </ div> <div id="ust"> </ div> <div id="orta"> <div class = "solsutun" > <div class="outer">
<div class="menu">
<ul>
<li> <a href="http://www.cssornekleri.com"> Ana Sayfa </ a> </ li>
<li> <a href="http://www.cssornekleri.com"> Hakkımızda </ a> </ li>
<li> <a href="http://www.cssornekleri.com"> Hizmetler </ a> </ li>
<li> <a href="http://www.cssornekleri.com"> İletişim </ a> </ li>
</ ul>
</ div>
</ div> </ div> <div class="sagsutun">Tasarım 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 (https://img.webme.com/pic/c/csstanbul/arkaplan.jpg ) top center fixed;) # TASARIM (width: 1000px; margin-left: auto; margin-right: auto;) # baslik (margin-left: auto; margin-right: auto; background: none; width: 1007px ; height: 143px; float: left; text-align: center; padding: 0px 0 0 0; font-size: 15px; color: # 000000; font-family: Verdana;) # ust (margin: 0 auto; margin-right: 0 auto; background: (https://img.webme.com/pic/c/csstanbul/ust.png url); width: 1024px; height: 266px; float: left;) # orta (margin - left: 0 auto; margin-right: 0 auto; background: (https://img.webme.com/pic/c/csstanbul/orta.png url); width: 1024px; height: 393%; float:; ). solsutun (width: 175px; float: left; padding: 0 0 0 15px; overflow: hidden;). sagsutun (width: 675px; float: left; padding: 0 0 0 50px; overflow: hidden; text-decoration: justify;) # alt (margin: 0 auto; margin-right: 0 auto; background: (https://img.webme.com/pic/c/csstanbul/alt.png url); width: 1024px; yüksekliği : 153px; float: left;) # kommentartext (background-image: none
. dış bir,. dış div. dış li. dış ul (
margin: 0;
padding: 0;
font-family: Verdana, Helvetica, arial, sans-serif;
)
div.menu (
width: 165px;
)
div.menu ul (
list-style: none;
text-indent: 0px;
)
div.menu li (
margin-top: 3px;
)
div.menu a (
font: 12px Verdana;
padding: 4px;
color: # 646.464;
display: block;
padding: 6px 30px;
height: 20px;
text-decoration: none;
background: url (.);
)
div.menu a: hover (
background: (https://img.webme.com/pic/c/csstanbul/highlight.gif) no-repeat right url;
padding: 6px 40px;
): 148px; background: url (images / nav_active.jpg) no-repeat; color: # b18211 url;)
body (
background-image: (https://img.webme.com/pic/c/csstanbul/arkaplan.jpg url);
background-repeat: repeat;
background-attachment: scroll;
background-color: white;
background-position: top-left;
) 
