Jump to content


Photo

dropdown menu, cross browser ie

drop down menu css internet explorer

  • Please log in to reply
3 replies to this topic

#1 dingdong1

dingdong1

    Newbie

  • Members
  • Pip
  • 9 posts

Posted 24 February 2013 - 01:09 AM

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>


#2 Frank P

Frank P

    Advanced Member

  • Members
  • PipPipPip
  • 165 posts

Posted 24 February 2013 - 08:01 AM

Which IE version?

Problem solved? Please click the button Mark Solved under the best post.

How to: Target IE in, Position in, Center in, Create a Fixed ('Sticky') Footer with, and Create a Drop-down/Fly-out Menu with CSS: Website Laten Maken Amsterdam.


#3 dingdong1

dingdong1

    Newbie

  • Members
  • Pip
  • 9 posts

Posted 24 February 2013 - 08:04 AM

latest

here is a Demo

Edited by dingdong1, 24 February 2013 - 08:18 AM.


#4 Frank P

Frank P

    Advanced Member

  • Members
  • PipPipPip
  • 165 posts

Posted 24 February 2013 - 01:57 PM

works in ie9




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Cheap Linux VPS from $5
SSD Storage, 30 day Guarantee
1 TB of BW, 100% Network Uptime

AlphaBit.com