Untermenu aufklappen - Anfängerfrage

[Felix Riesterer]

Lieber Gerhard1,

ich fasse mal zusammen was schon gesagt wurde:

1. Kaputte Kommentare können die Funktionalität Deines CSS-Codes zerstören. Verwende /* Kommentar (auch mehrzeilig) */ stattdessen.
2. Deine Navigation gehört in ein <nav>-Element

Desweiteren ist mir aufgefallen, dass Du die Klasse .menu verwendest. Wenn Du Deine Liste in ein <nav> kapselst, dann genügt Dir den Nachfahrenselektor ganz ohne Klasse:

/* grundsätzlich Untermenüs verbergen */
nav ul ul {
  display: none;
}

/* Untermenü eines gehoverten Listenpunkts anzeigen */
nav li:hover > ul {
  display: block;
}

Dazu das passende Markup:

<nav>
  <h2>Navigation</h2>
  <ul>
    <li><a href="/wir.shtml">Über uns</a>
      <ul>
        <li> <a href="/wir.shtml#wws">Wer wir sind</a></li>
        <li> <a href="/wir.shtml#wwt">Was wir tun</a></li>
      </ul>
    </li>
  </ul>
</nav>

was habe ich bei folgendem falsch gemacht? [...]

<ul>
  <li class="menu"><a href="/wir.shtml">Über uns</a></li>
    <ul>

Du hast einen Listenpunkt geschlossen und dann eine neue Liste begonnen. Damit ist sie kein Kind des Listenpunktes mehr, was sie aber sein muss, damit Deine Technik funktioniert.

Bitte beachte, dass Deine Navigation mit Touchgeräten unbedienbar ist! Dort gibt es keine :hover-Zustände. Daher bräuchte es eigentlich eine Klapp-Navi mit Buttons.

Liebe Grüße,

Felix Riesterer.