Jump to content

dropdown menu, cross browser ie


dingdong1

Recommended Posts

my menu dont work in internet explorer

 

CSS

/* /// NAVIGATION & DROPDOWN /// */
nav ul li {
display: inline-block;
}
li { list-style-type: none; }
nav li:hover { position: relative; }
nav li a {
color: #666;
text-decoration: none;
padding-right: 25px;
display: block;
font-size: 18px;
}
nav li ul {
background-color: #F9F9F9;
border: 1px solid #EEE;
margin-top: 0px;
display: none;
padding: 15px 0px 0px 0px;
}
nav li:hover ul {
display: block;
position: absolute;
}
nav li ul li a, #nav li ul li a:hover {
color: #000;
width: 230px;
padding-left: 15px;
}
nav li ul li a:hover {
text-decoration: none;
}

 

HTML

<nav>
<ul>

<li class="active"><a href="<?php echo $url; ?>">HOME</a></li>
<li><a href="#">LINK</a></li>

<li><a href="#">TEST</a>

<ul>
<li><a href="#">LINK1</a></li>
<li><a href="#">LINK2</a></li>
<li><a href="#">LINK3</a></li>
</li>
</ul>
</li>

<li><a href="#">TEST AGAIN</a>
<ul>
<li><a href="#">LINK1</a></li>
<li><a href="#">LINK2</a></li>
<li><a href="#">LINK3</a></li>
</ul>

</li>
<li><a href="#">LINK</a></li>
<li><a href="#">LINK</a></li>
<li><a href="#">LINK</a></li>[/b]
[b] </ul>
</nav>

Link to comment
https://forums.phpfreaks.com/topic/274877-dropdown-menu-cross-browser-ie/
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.