Merhabalar bu yazımda sizlere Css’de menüyü soldan sağa doğru nasıl sıralayabiliriz onu anlatacağım.Umarım faydalı olur.Herkese iyi çalışmalar dilerim…
Menümüzü soldan sağa doğru sıralamak için “float:left;” kodunu kullanmamız gerekiyor.
Hemen bir örnek verelim:
Html Kodu;
|
1 2 3 4 5 6 7 8 |
<div id="header"> <ul> <li>Mesajlar</li> <li>Yorumlar</li> <li>İletişim</li> <li>Ayarlar</li> </ul> </div> |
Css Kodu;
|
1 2 3 |
#header ul li{ float:left; } |
Gördüğünüz gibi css kodlarımız bu şekilde olacak.Ekranın çıktısı ise aşağıdaki gibi olacaktır.

Gördüğünüz gibi çıktımız bu şekilde oluyor.Yani menü soldan sağa doğru sıralanmış oluyor.Aynı şekilde sağdan sola doğru sıralanmasını istiyorsanız da “float:right;” kodunu kullanmanız gerekiyor.
Bu Yazıya Tepkin Ne Oldu ?


