• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Dropdown menü klappt nicht ganz?

Bengman

Mitglied
Hey, wenn ich bei meinem Menü auf einen Button gehe, geht zwar das DropdownMenü auf, aber die anderen Buttons gehen mit runter
Screenshot%20%2827%29.png


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.
 
Werbung:
Zurück
Oben