Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj06.02.2012, 21:47 (UTC)    
Mesaj konusu: Yardım

Tasarım üstü

Kod:
<div id="govde">
<div id="logo">
</div>
<div id="alan">
<div id="menu">
<div class="menu_icerik">
<ul class="menu">
    <li id="mAnasayfa"><a href="#">Anasayfa</a></li>
    <li id="mHakkimizda"><a href="#">Hakkimizda</a></li>
    <li id="mGaleri"><a href="#">Galeri</a></li>
    <li id="miletisim"><a href="#">iletisim</a></li>
</ul>
<style type="text/css">

ul.menu{
    margin:0;
    padding:0;
    list-style:none;
    width:985px;
    height:39px;
}

ul.menu li{
    float:left;
}

ul li a{
    display:block;
    width:200px;
    height:39px;
    text-indent:-9999px;
    outline:none;
    text-decoration:none;
    background:url(http://img846.imageshack.us/img846/6934/abcda.png) 0 0 no-repeat;
}

li#mAnasayfa a{background-position:0 0;}
li#mHakkimizda a{background-position:-200px 0;}
li#mGaleri a{background-position:-400px 0;}
li#miletisim a{background-position:-600px 0;}

li#mAnasayfa a:hover{background-position:0 -39px;}
li#mHakkimizda a:hover{background-position:-200px -39px;}
li#mGaleri a:hover{background-position:-400px -39px;}
li#miletisim a:hover{background-position:-600px -39px;} </style>
</div>
</div>
<div id="ust">
</div>
<div id="icerik">
</div>
<div id="alt">
</div>


Css

Kod:
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 {
   background-color: #f2f2f2
}


#govde {
   height: auto;
   width: 990px;
   margin-right: auto;
   margin-left: auto;
   
}

#logo {
   height: 119px;
   width: 244px;
        background-image: url(http://img542.imageshack.us/img542/2989/logothz.png);
   
}

#alan {
   background-color: #ffffff
   height: auto;
   width: 990px;
   margin-right: auto;
   margin-left: auto;

}

#menu {
   background-image: url(http://img861.imageshack.us/img861/5527/73440458.png);
   height: 72px;
   width: 990px;


.menu_icerik {
   height: 72px;
   width: 700px;
        margin-right: auto;
   margin-left: 75px;


}

#ust {
   background-color: #ffffff
   height: 10px;
   width: 960px;

}

#icerik {
   background-color: #ffffff
   height: auto;
   width: 990px;

}

#alt{
   background-image: url(http://img861.imageshack.us/img861/5527/73440458.png);
   height: 72px;
   width: 990px;

}

#copyright {
   background-image: url();
   height: 176px;
   width: 990px;

}
Mesaj06.02.2012, 21:53 (UTC)    
Mesaj konusu:

Menü içerik kısmındaki margin-rigth kısmını çıkarıp margin-left kısmını dene sadece.

İçerik kısmının belirli bir yüksekliği olmadığı için şu an gözükmüyor, sayfana bir şeyler yazarsan eğer kodda hata var mı yok mu anlayabiliriz.

Alt katmanda sorun yok gibi duruyor, deneme yazısı falan yazarsan divler arasına daha iyi anlarız.

2 sorun var temel olarak birisi menünün değeri, dediğim gibi sadece margin-left değerini dene, diğeride sayfa içeriği, sayfana bir şeyler yazıp gözüküp gözükmediğini kontrol et
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu