السلام عليكم
اخواني لقد وجدت هذا الكود في الانترنت لقائمة المنسدلة
ولكن لا يعمل عل 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>