CSS liste tagları


Aşağıdaki gibi bir listenin olduğunu varsayalım:

<div id=”menu1″>
<ul>
<li><a href=”fins_site.html”>Site Ekle</a></li>
<li><a href=”fins_sakin.php”>Sakin Ekle</a></li>
<li><a href=”fins_sitegideri.php”>Gider Ekle</a></li>
<li><a href=””>Ödeme Ekle</a></li>
</ul>
</div>

Bu menünün görünümü standart altalta ve başlarında yuvarlaklar bulunan maddeler listesi olarak görüntülenir.

Ancak webde bilinen bir trend olarak menü oluştururken de <ul> ve <li> tagları kullanma adeti vardır. Dikey menüler böyle oluşturulabilir Ancak Yatay Menüler için css tarafında şu kodları kullanmak gerekir:

#menu1 ul
{

list-style:none;

}

#menu1 ul li
{
display: block;
float: left;
}

Bu durumda <li> tagları arasındaki ifadeler yanyana ve başlarında yuvarlak olmaksızın görüntülenirler.

Reklamlar

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Connecting to %s