PHP expert |
|
Het is een css popup menu
HTML:
<ul class="navigation">
<li><a href="#">Link1
<ul>
<li><a href="#">subLink1</a></li>
<li><a href="#">subLink1</a></li>
<li><a href="#">subLink1</a></li>
<li><a href="#">subLink1</a></li>
</ul>
</a></li>
<li><a href="#">Link1
<ul>
<li><a href="#">subLink1</a></li>
<li><a href="#">subLink1</a></li>
<li><a href="#">subLink1</a></li>
<li><a href="#">subLink1</a></li>
</ul>
</a></li> <li><a href="#">Link1
<ul>
<li><a href="#">subLink1</a></li>
<li><a href="#">subLink1</a></li>
<li><a href="#">subLink1</a></li>
<li><a href="#">subLink1</a></li>
</ul>
</a></li>
</ul>
CSS:
ul.navigation li{
display: block;
background-color: #5AF;
float: left;
width: 200px;
}
ul.navigation{
display: block;
position: absolute;
}
ul.navigation li a{
display: block;
}
ul.navigation li li{
float: none;
width: 10px;
}
ul.navigation li a ul{
display: none;
}
ul.navigation li a:hover ul{
display: block;
}
a{
color: #000;
}
HTML: <ul class="navigation"> <li><a href="#">Link1 <ul> <li><a href="#">subLink1</a></li> <li><a href="#">subLink1</a></li> <li><a href="#">subLink1</a></li> <li><a href="#">subLink1</a></li> </ul> </a></li> <li><a href="#">Link1 <ul> <li><a href="#">subLink1</a></li> <li><a href="#">subLink1</a></li> <li><a href="#">subLink1</a></li> <li><a href="#">subLink1</a></li> </ul> </a></li> <li><a href="#">Link1 <ul> <li><a href="#">subLink1</a></li> <li><a href="#">subLink1</a></li> <li><a href="#">subLink1</a></li> <li><a href="#">subLink1</a></li> </ul> </a></li> </ul> CSS: ul.navigation li{ display: block; background-color: #5AF; float: left; width: 200px; } ul.navigation{ display: block; position: absolute; } ul.navigation li a{ display: block; } ul.navigation li li{ float: none; width: 10px; } ul.navigation li a ul{ display: none; } ul.navigation li a:hover ul{ display: block; } a{ color: #000; }
waarom werkt dit niet in IE, en wel in firefox en netscape?
en hoe zorg ik ervoor dat het in IE ook werkt?
|