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

خاص بدروس التصميم المتعلقه ب CSS و HTML و XHTML وكل مايتضمنهما

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

مشاركةبواسطة Garebooo » الأربعاء أكتوبر 08, 2008 9:25 pm

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

قسم html
CODE: تحديد الكل

<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
CODE: تحديد الكل
#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}


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

Item one Item two Item three Item four Item five


____________

المصدر : Listamatic
المؤلف : Russ Weakley
صورة العضو الشخصية
Garebooo
مشرف عام
 
مشاركات: 81
اشترك في: الجمعة نوفمبر 25, 2005 11:40 pm

العودة إلى دروس التصميم CSS وHTML