Css - Menüyü Soldan Sağa Doğru Sıralamak | Mmsrn.com

« Code.org Sayesinde Hem Eğlenin Hem Programlama Öğrenin!

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;

<div id="header">
<ul>
<li>Mesajlar</li>
 <li>Yorumlar</li>
 <li>İletişim</li>
 <li>Ayarlar</li>
 </ul>
 </div>

<ul>

<li>Mesajlar</li>

<li>Yorumlar</li>

<li>İletişim</li>

<li>Ayarlar</li>

</ul>

</div>

Css Kodu;

#header ul li{
float:left;
}

#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 ?