ul li ile listeyi iki sütunda sıralama

tarih16.02.2010 17:02 — CSS, Webmaster,



Aşağıdaki koları kullanarak uzayıp giden ul ol listinizi ikiye yada geliştirerek daha fazla sütuna bölebilirsiniz.


<ul>

<li>abc</li>

<li>abc</li>

<li>abc</li>

<li>abc</li>

<li>abc</li>

<li>abc</li>

<li>abc</li>

<li>abc</li>

</ul>

  • abc
  • abc
  • abc
  • abc
  • abc
  • abc
  • abc

 

Alttaki css stil kodlarıyla yukarıdaki listeyi 2 sütun yapabilirsiniz.


ul {

width: 50%;

float: left; padding-left: 0;

margin-left: 0;

}


li {

float: left;

width: 50%;

}


li:nth-child(odd) {

clear: left;

}


li {

float: left;

width: 50%;

}

li.first_col {

clear: left;

}

 




Bir önceki konu başlığımıza göz atmak isterseniz tıklayınız : CSS Horizontal Vertical Açılır Menü Oluşturucu - Ul Ol Li




CSS,

Yorum Yazın