السلام عليكم
اخواني لقد وجدت هذا الكود في الانترنت لقائمة المنسدلة
ولكن لا يعمل عل IE6 و يعمل على المتصفحات الاخرى
اريد التعديل لكي يعمل على IE6
كود:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="rtl"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS Dropdowns Menu - Arabic</title> <style type="text/css"> <!-- /* Body */ body { background-color:#F5F9FB; margin: 0 auto; } /* Wrap */ #wrap { margin: 0px auto; width: 900px; } /* Head */ #head { background-color: #464646; margin: 0px auto; padding: 10px; color: #FFF; font: bold 24px "Trebuchet MS", Arial, Helvetica, sans-serif; } #head span {color: #FFF; font: normal 12px tahoma;} #head span a, #head span a:link, #head span a:visited {color: #D54E21;} #head span a:active, #head span a:hover {color: #FFF;} /* Dropdowns Menu */ #pop { background: #D2DDE4; height:24px; margin: 0; padding: 0; list-style: none; } #pop li ul { margin: 0; background: #D2DDE4; padding: 0; list-style: none; } #pop li { float: right; margin: 0; padding: 0; position: relative; } #pop li li { float: right; width: 175px; margin: 0; padding: 0; } #pop li a, #pop li a:link, #pop li a:visited { font: normal 12px Tahoma; color: #414A52; text-decoration: none; background: #D2DDE4; display: block; padding: 5px 12px; } #pop li a:hover, #pop li a:active { color: #FFF; display: block; background: #2583AD; padding: 5px 12px; } #pop li li a, #pop li li a:link, #pop li li a:visited { background: #D2DDE4; color:#414A52; width: 175px; margin: 0px; padding: 5px 12px; border-top: 1px solid #F5F9FB; } #pop li li a:hover, #pop li li a:active { color: #FFF; background: #2583AD; } #pop li ul { position: absolute; width: 199px; display: none; right: 0; } #pop li:hover ul { display: block; } --> </style> </head> <body> <!-- Wrapper --> <div id="wrap"> <!-- Header --> <h1 id="head"> قائمة منسدلة أفقية<br /> <span>المثال بواسطة: <a href="http://ca2oom.wordpress.com/">ca2oom.wordpress.com</a></span></h1> <!-- NavBar --> <ul id="pop"> <li><a href="http://ca2oom.wordpress.com/">الرجوع لمدوّنة كتوم!</a></li> <li><a href="#">قائمة دروس CSS</a> <ul> <li><a href="http://ca2oom.wordpress.com/2007/11/15/do-you-want-to-learning-css/">هل تريد أن تتعلم تقنية CSS ؟</a></li> <li><a href="http://ca2oom.wordpress.com/tag/%d8%aa%d8%b7%d8%a8%d9%8a%d9%82%d8%a7%d8%aa-css/">تطبيقات ودروس متنوعة</a></li> <li><a href="http://ca2oom.wordpress.com/tag/%d8%ae%d8%af%d8%b9-css/">خدع CSS وطرق تطبيقها</a></li> </ul> </li> <li><a href="#">وصلة رئيسية أفقية</a> <ul> <li><a href="#">وصلة فرعية رأسية</a></li> <li><a href="#">وصلة فرعية رأسية</a></li> <li><a href="#">وصلة فرعية رأسية</a></li> <li><a href="#">وصلة فرعية رأسية</a></li> <li><a href="#">وصلة فرعية رأسية</a></li> <li><a href="#">وصلة فرعية رأسية</a></li> </ul> </li> <li><a href="#">وصلة رئيسية أفقية</a> <ul> <li><a href="#">وصلة فرعية رأسية</a></li> <li><a href="#">وصلة فرعية رأسية</a></li> <li><a href="#">وصلة فرعية رأسية</a></li> <li><a href="#">وصلة فرعية رأسية</a></li> <li><a href="#">وصلة فرعية رأسية</a></li> <li><a href="#">وصلة فرعية رأسية</a></li> <li><a href="#">وصلة فرعية رأسية</a></li> </ul> </li> <li><a href="#">وصلة رئيسية أفقية</a> <ul> <li><a href="#">وصلة فرعية رأسية</a></li> <li><a href="#">وصلة فرعية رأسية</a></li> <li><a href="#">وصلة فرعية رأسية</a></li> <li><a href="#">وصلة فرعية رأسية</a></li> <li><a href="#">وصلة فرعية رأسية</a></li> <li><a href="#">وصلة فرعية رأسية</a></li> <li><a href="#">وصلة فرعية رأسية</a></li> </ul> </li> <li><a href="#">وصلة!</a> <ul> <li><a href="#">وصلة فرعية رأسية</a></li> <li><a href="#">وصلة فرعية رأسية</a></li> <li><a href="#">وصلة فرعية رأسية</a></li> <li><a href="#">وصلة فرعية رأسية</a></li> <li><a href="#">وصلة فرعية رأسية</a></li> <li><a href="#">وصلة فرعية رأسية</a></li> <li><a href="#">وصلة فرعية رأسية</a></li> </ul> </li> </ul> </div> </body> </html>
رد مع اقتباس
