طريقة عمل قائمه افقيه باستخدام css
مرسل: 08 أكتوبر 2008, 21:25
هذا الدرس لطريقة عمل قائمة افقيه باستخدام css
قسم html
والان الى كود css
مثال على القائمة /
Item one Item two Item three Item four Item five
____________
المصدر : Listamatic
المؤلف : Russ Weakley
قسم 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>
كود: تحديد الكل
#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}
Item one Item two Item three Item four Item five
____________
المصدر : Listamatic
المؤلف : Russ Weakley