SORU
20 Mayıs 2009, ÇARŞAMBA


Ul elemanları yatay bir satırda görünmesini sağlamak

Nasıl liste öğesi yatay bir satır CSS kullanarak görünür bir ul yapabilir miyim?

işte kod

<div id="div_top_hypers">
            <ul id="ul_top_hypers">
                <li>‣ <a href="" class="a_top_hypers"> Inbox</a></li>
                <li>‣ <a href="" class="a_top_hypers">  Compose</a></li>
                <li>‣ <a href="" class="a_top_hypers">  Reports</a></li>
                <li>‣ <a href="" class="a_top_hypers">  Perefrences</a></li>
                <li>‣ <a href="" class="a_top_hypers">  logout</a></li>
            </ul>
        </div>

--

#div_top_hypers{
    background-color:#eeeeee;
        display:inline;

}
#ul_top_hypers{

  display: inline;




}

CEVAP
20 Mayıs 2009, ÇARŞAMBA


Liste öğeleri normalde blok elemanlarıdır. display özelliği ile satır içi öğeler, bunları açmak.

Kod verdin, ihtiyacınız olan bir bağlam seçici olun display: inline özellik uygulamak için liste öğeleri, yerine kendi listesi (uygulama display: inline genel listeler yok etkisi):

#ul_top_hypers li
{
    display: inline;
}

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Chip Johnson

    Chip Johnson

    30 AĞUSTOS 2007
  • Cristina Landa

    Cristina Lan

    28 Ocak 2010
  • Theodore Leaf

    Theodore Lea

    29 AĞUSTOS 2006