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

خاص بدروس التصميم المتعلقه ب CSS و HTML و XHTML وكل مايتضمنهما
مغلق
Garebooo
مشرف عام
مشاركات: 81
اشترك في: 25 نوفمبر 2005, 23:40

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

مشاركة بواسطة 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
مغلق