Css UL Ortalama Sorunsalı

atakancicekdag

Hectopat
Katılım
31 Ocak 2014
Mesajlar
27
Ufaktan bir menü yapmaya çalıştım fakat bir türlü şunları ortalamayı beceremedim. Yardımcı olur musunuz acaba

 
margin: 0 auto ve width kullanin.
 
Son düzenleyen: Moderatör:
Kodu kod etiketi içinde paylaşır mısın ?

Css
Kod:
* {
    margin-left:0px;
    margin-right:0px;
}

#menu {
    margin-top:10px;
    position:fixed;
    width:100%;
    height:50px;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
 
}


#menu ul li {

float:left;
list-style:none;

}

Html

Kod:
<div id="menu">
<ul>
<li>Ana Sayfa</li><li style="margin-left:50px"> Tüm Konular</li><li style="margin-left:50px"> Hakkımda</li><li style="margin-left:50px"> İletişim</li>
</ul>
</div>
 
Menu yapisini

PHP:
<div id="menu">
<nav class="mn">
<ul>
<li><a href="#"></a></li>
</ul>
</nav>
</div>

seklinde yapiniz.

Css ise

Kod:
#menu{}
#menu .mn ul{}
#menu .mn ul li{}
#menu .mn ul li a{}
bu sekilde yaparak deneyin.

Ortalama margin: auto veya 0 auto
yazi ort. target aligin kullanin.

yatay display, ve genislik width. vs kurcalayin
 
Son düzenleyen: Moderatör:
Ufaktan bir menü yapmaya çalıştım fakat bir türlü şunları ortalamayı beceremedim. Yardımcı olur musunuz acaba


Jsfiddle da bir örnek hazırladım inceleyerek düzenleme yapabilirsin. Aklına bir soru takılırsa sorabilirsin.

Not olarak yazmayı unutmuşum "position:fixed" kullanman eğer gerekmiyorsa çok yersiz olmuş. Gerekli ise kod satırları üzerinden düzenleyebilirsin.

Edit fiddle - JSFiddle
 
Son düzenleme:
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…