[ساجد عابد]

السلام عليكم ورحمة الله وبركاته
المشكلة تتلخص فى ان هذه القائمة مكونة من 7 قوائم رئيسية ليس لها تفريعات
و رغبتى هي انشاء قوائم تتفرع من هذه القوائم السبعة
وهذا هو شكل القائمة وكودها......

الكود

<style> #tabsI {  float:left; width:100%; background:#EFF4FA; font: bold 7.5pt Verdana;  line-height:normal; border-bottom:1px solid #DD740B; } #tabsI ul {  margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsI li {  display:inline; margin:0; padding:0; } #tabsI a { float:left; background:url(http://4.bp.blogspot.com/_7wsQzULWIwo/SzvBJiGpo6I/AAAAAAAACwM/9lKuhGGOk3E/s1600/tableftI.png) no-repeat left top; margin:0; padding:0 0 0 5px; text-decoration:none; } #tabsI a span { float:left; display:block; background:url(http://2.bp.blogspot.com/_7wsQzULWIwo/SzvBJn6pb9I/AAAAAAAACwQ/XVWOFI_3AgE/s1600/tabrightI.png)  no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /*  Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsI a span  {float:none;} /* End IE5-Mac hack */ #tabsI a:hover span { color:#FFF; }  #tabsI a:hover { background-position:0% -42px; } #tabsI a:hover span {  background-position:100% -42px; } </style> <div id="tabsI">  <ul> <li><a href="#"><span>Link  1</span></a></li> <li><a  href="#"><span>Link 2</span></a></li>  <li><a href="#"><span>Link  3</span></a></li> <li><a  href="#"><span>Link 4</span></a></li>  <li><a href="#"><span>Link  5</span></a></li> <li><a  href="#"><span>Link 6</span></a></li>  <li><a href="#"><span>Link  7</span></a></li> </ul> </div>