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

  • Mark Hyder

    Mark Hyder

    6 EKİM 2011
  • Motor Trend Channel

    Motor Trend

    11 Mart 2006
  • Perihelion

    Perihelion

    23 NİSAN 2008