صفحة 1 من 1

طريقة عمل قائمه افقيه باستخدام css

مرسل: 08 أكتوبر 2008, 21:25
بواسطة Garebooo
هذا الدرس لطريقة عمل قائمة افقيه باستخدام css

قسم html

كود: تحديد الكل


<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>


والان الى كود css

كود: تحديد الكل

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}


مثال على القائمة /

Item one Item two Item three Item four Item five


____________

المصدر : Listamatic
المؤلف : Russ Weakley