Hi guys,
I am working on this dropdown menu. It is working good on firefox but on explorer refuse to dropdown. Plz help.
كود PHP:
echo "<div class='cpinfo2'>
<ul id='navig'>
<li><a href='".$_SERVER['PHP_SELF']."'>Main</a></li>
<li><a href='".$_SERVER['PHP_SELF']."'>Configration</a></li>
<li><a href='".$_SERVER['PHP_SELF']."'>Articles</a></li>
<li><a href='".$_SERVER['PHP_SELF']."'>Forums</a>
<ul>
<li><a href='".$_SERVER['PHP_SELF']."'>Forum Management</a></li>
<li><a href='".$_SERVER['PHP_SELF']."'>Threads & Posts</a></li>
<li><a href='".$_SERVER['PHP_SELF']."'>Attachments</a></li>
<li><a href='".$_SERVER['PHP_SELF']."'>Permissions</a></li>
<li><a href='".$_SERVER['PHP_SELF']."'>Perferences</a></li>
</ul>
</li>
<li><a href='".$_SERVER['PHP_SELF']."'>Members</a>
<ul>
<li><a href='".$_SERVER['PHP_SELF']."?action=user'>Show Members</a></li>
<li><a href='".$_SERVER['PHP_SELF']."'>Create Member</a></li>
<li><a href='".$_SERVER['PHP_SELF']."'>Member Groups</a></li>
<li><a href='".$_SERVER['PHP_SELF']."'>Merge Members</a></li>
<li><a href='".$_SERVER['PHP_SELF']."'>Permissions</a></li>
<li><a href='".$_SERVER['PHP_SELF']."'>BanList</a></li>
</ul>
</li>
<li><a href='".$_SERVER['PHP_SELF']."'>Add-ons</a>
<ul>
<li><a href='".$_SERVER['PHP_SELF']."'>Blocks</a></li>
<li><a href='".$_SERVER['PHP_SELF']."'>Modules</a></li>
<li><a href='".$_SERVER['PHP_SELF']."'>Themes</a></li>
</ul>
</li>
<li><a href='".$_SERVER['PHP_SELF']."'>Perferences</a></li>
<li><a href='".$_SERVER['PHP_SELF']."'>Permissions</a></li>
<li><a href='".$_SERVER['PHP_SELF']."'>Maintenance</a></li>
</ul>
</div>';
كود PHP:
#navig ul {
list-style: none;
padding: 0;
margin: 0 0 1em 10px;
width: 60em;
line-height: 1;
float: left;
}
#navig li {
float: left;
white-space: nowrap;
margin: 0;
padding: 0;
width: 10em;
}
#navig a {
background-color: #efefef;
padding: 10px 50px 4px 25px;
border-right: 1px solid #000000;
border-left: 1px solid #666666;
border-bottom: 1px solid #000000;
display: block;
w\idth: 6em;
height: 30px;
color: #000;
font-weight: bold;
}
#navig a.parentItem {
background: url(images/undo.gif) center right
no-repeat;
}
#navig li ul {
position: absolute;
left: -999em;
height: auto;
width: 8em;
margin: 0;
}
#navig li:hover ul ul, #navig li.subhover ul ul {
left: -999em;
}
#navig li:hover ul, #navig li li:hover ul, #navig li.subhover ul, #navig
li li.subhover ul {
left: auto;
}
#navig li:hover ul ul, #navig li:hover ul ul ul, #navig li.subhover ul
ul, #navig li.subhover ul ul ul, {
left: -999em;
}
#navig li:hover ul, #navig li li:hover ul, #navig li li li:hover ul,
#navig li.subhover ul, #navig li li.subhover ul, #navig li li
li.subhover ul {
left: auto;
}
#navig li li {
padding-right: 0;
width: 8em
}
#navig li ul a {
width: 10em;
w\idth: 11em;
}
#navig li ul ul {
margin: -1.75em 0 0 11em;
}