Nasıl yatay <UL> menü ortala mı?
Merkezi yatay bir menü hizalamak gerekiyor.
Çeşitli çözümler, ınline-block merkezi-align blok / etc/. karışımı da dahil olmak üzere, denedim ama başarılı olmak değil.
Birisi bana lütfen yardımcı olabilir? :)
İşte benim kod:
<div class="topmenu-design">
<!-- Top menu content: START -->
<ul id="topmenu firstlevel">
<li class="firstli" id="node_id_64"><div><a href="#"><span>Om kampanjen</span></a></div></li>
<li id="node_id_65"><div><a href="#"><span>Fakta om inneklima</span></a></div></li>
<li class="lastli" id="node_id_66"><div><a href="#"><span>Statistikk</span></a></div></li>
</ul>
<!-- Top menu content: END -->
</div>
GÜNCELLEME
Merkez DİV UL hizalamak için nasıl biliyorum. Bu başarılı Sarfraz önerisi kullanarak olabilir. Ama liste öğeleri hala sol UL içinde süzülüyor.
Bunu yapmak için javascript kokuyor muyum?
CEVAP
http://pmob.co.uk/pob/centred-float.htm:
Öncül basittir ve sadece sola yüzen widthless şamandıra sarıcı temelde içerir ve sonra sol genişlik position:relative ekran kaydırılan;: -50% sol. Bir sonraki iç içe iç elemanı tersine ve 50% rölatif pozisyonu uygulanır. Bu merkezi unsur ölü yerleştirme etkisi vardır. Göreceli konumlandırma akışını korur ve diğer içeriğin altında akmasına izin verir.
Kod
#buttons{
float:right;
position:relative;
left:-50%;
text-align:left;
}
#buttons ul{
list-style:none;
position:relative;
left:50%;
}
#buttons li{float:left;position:relative;}/* ie needs position:relative here*/
#buttons a{
text-decoration:none;
margin:10px;
background:red;
float:left;
border:2px outset blue;
color:#fff;
padding:2px 5px;
text-align:center;
white-space:nowrap;
}
#buttons a:hover{ border:2px inset blue;color:red;background:#f2f2f2;}
#content{overflow:hidden}/* hide horizontal scrollbar*/
<div id="buttons">
<ul>
<li><a href="#">Button 1</a></li>
<li><a href="#">Button 2's a bit longer</a></li>
<li><a href="#">Butt 3</a></li>
<li><a href="#">Button 4</a></li>
</ul>
</div>
Nasıl kolayca yatay olarak ortala <...
Nasıl yatay olarak ortala ana div için...
Nasıl jQuery UI menü yatay nav yapmak ...
Yatay olarak ortala bir div içinde bir...
Nasıl metin yatay ve dikey olarak Andr...