http://codepen.io/muhammedburak/pen/bpLQxo

Ek Olarak:

FurkanKandemir adlı üyeden alıntı

h1 deki haberler yazısı nerede göremedim ben ?


İşte uçuyor şuan sol tarafta duruyor.





Başlıksız Belge















body {
margin:0; /* sayfamızın kenarlarındaki boşluğu aldık*/
}

#cerceve {
width:980px;
margin:0 auto; /* yatay olarak ortaladık */
}

#ust {
height:120px;
background:Blue;
}

#menu {
height:39px;
background:Gray;
}

#logo {
width:100px;
height:100px;
background:Yellow;
position:absolute;
margin-top:8px;
margin-left:30px;
}

#banner { /* Reklam alanı */
width:468px;
height:60px;
background:Yellow;
position:absolute;
margin-top:28px;
margin-left:450px;
}

#sag {
float:left; /* katmanı sola yasladık */
width:200px;
height:600px;
background:Blue;
}

#sol {
float:left; /* katmanı sola yasladık */
width:200px;
height:600px;
background:Red;
}

#duyurular {
height:45px;
width:200px;
color: White;
font-size: 26px;
text-align: center;
background:Gray;
}

#orta {
float:left;
width:580px;
height:600px;
background:Green;
}

#duyurularyazi {
color: black;
font-size: 20px;
position: absolute;
text-align: center;
font-weight: bold;
left: 80px;
top: 171px;
}

h1 {
top: 190px;
left: 300px;
width:200px;
background:url(img/h1banner.gif);
}

.kutu {
width:180px;
height:180px;
background:Yellow;
margin:10px; /* kutunun çevresine 10px boşluk verdik */
}

#alt {
height:60px;
background:Purple;
}

/*Menü css kodu*/

#stylefour {
position:relative;
display:block;
height:39px;
font-size:11px;
font-weight:bold;
background:transparent url(img/bgOFF.gif) repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif;
border-top:4px solid #B30000;
}

#stylefour ul {
margin:0;
padding:0;
list-style-type:none;
width:auto;
}

#stylefour ul li {
display:block;
float:left;
margin:0;
}

#stylefour ul li a {
display:block;
float:left;
color:#666;
text-decoration:none;
padding:11px 20px 0 20px;
height:23px;
background:transparent url(img/bgDIVIDER.gif) no-repeat top right;
}

#stylefour ul li a:hover,#stylefour ul li a.current {
color:#B30000;
background:#fff url(img/bgON.gif) no-repeat top right;
}


Ek Olarak: Ok ile gösterilen yere bir şey yerleştiremiyorum.