Hallo Community,
habe ein Problem mit meiner Navigationsleiste. Wenn ich über den Punkt "Getränke" fahr öffnet sich zwar das Untermenü jedoch schließt es sich direkt wieder wenn ich den Punkt "Getränke" verlasse, sodass ich keinen link aus dem Untermenü anklicken kann. Was soll ich tun?
Gruß Kraussalat
HTML-Code:
<html>
<head>
<style>
#navigation {
position: absolute;
left: 50px;
top: 50px;
height: 600px;
width: 235px;
}
#navigation ul {
list-style-type: none;
}
#navigation ul a{
font-size: 25px;
font-family: Impact;
color: black;
}
#navigation ul#navi_menu li {
padding: 15px 0px 0px 0px;
text-align:right;
}
#navigation ul#navi_sub_menu li a{
font-size: 15px;
text-align:right;
}
#navigation ul#navi_menu li:hover a{
color: #FA09E6;
}
#navigation ul#navi_sub_menu li:hover a{
color: #FA09E6;
}
#navigation #navi_sub_menu {
display: none;
}
#navigation #getraenke:hover + #navi_sub_menu {
display: block;
}
</style>
</head>
<body>
<div id="navigation">
<ul id="navi_menu">
<li> <a href="events.html">Events</a> </li>
<li> <a href="djs.html">Unsere DJ's</a> </li>
<li id="getraenke"> <a href="#">Getränke</a> </li>
<ul id="navi_sub_menu">
<li> <a href="#">Cuba Libre</a> </li>
<li> <a href="#">Zombie</a> </li>
</ul>
<li> <a href="#">Galerie</a> </li>
</ul>
</div>
</body>
</html>