Hey, wenn ich bei meinem Menü auf einen Button gehe, geht zwar das DropdownMenü auf, aber die anderen Buttons gehen mit runter
Hier ist Html:
Und hier Css:
Also, was mache ich falsch? Auf dem Bild seht ihr ja, was ich meine.
Hier ist Html:
HTML:
<header>
<ul>
<li><a href="index.php">Home</a>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
</ul>
</li>
<li><a href="#">Home</a>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
</ul>
</li>
<li><a href="#">Home</a>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
</ul>
</li>
<li><a href="#">Home</a>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
</ul>
</li>
<li><a href="#">Home</a>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
</ul>
</li>
</ul>
</header>
Und hier Css:
Code:
header ul li
{
list-style: none;
display: inline-block;
}
header ul li> ul
{
background-color: blue;
}
header ul li> ul li
{
display: none;
margin-left: -2.500em;
padding-top: 0.200em;
padding-bottom: 0.200em;
}
header ul li:hover> ul li
{
display: block;
}
Also, was mache ich falsch? Auf dem Bild seht ihr ja, was ich meine.