Problem mit Navigation!

[Rasako]

Liebe PSD- Community ich habe eine Frage,
ich habe ein Problem mit meiner Navigationsleiste.
die DIV Box unter der Navigation verschluckt meinen Unterpunkt das ganze ist mit css gemacht aber ich schaffe es nicht es dort drüber zu blenden.



Bitte würde mir einer helfen.

Gruß,
Rasako

 

[patrick_l]

AW: Problem mit Navigation!

Ein Dropdown-Menü wird bzw. sollte anders aufgebaut werden

<nav> <!-- HTML5 Nav-Tag / Alternative zu einer div --> 
      <ul>
        <li><a href="#">Page 1</a></li>
      <li><a href="#">Page 2</a>
          <ul>
            <li><a href="#">Sub 1</a></li> <!-- Sub-Menü / Dropdown -->
          <li><a href="#">Sub 2</a></li>
        </ul>
      </li>
      <li><a href="#">Page 3</a></li>
    </ul>
  </nav>

Liebe Grüße, Patrick

 

[Rasako]

AW: Problem mit Navigation!

ja aber es währe super wenn es so klappen wirde gibt es da eine Möglichkeit?

 

[patrick_l]

AW: Problem mit Navigation!

ja aber es währe super wenn es so klappen wirde gibt es da eine Möglichkeit?

Klappen würde es sicher. Halt mit Z-Index und Position arbeiten. Davon rate ich dir aber ab. Du solltest die Navigation schon semantisch korrekt umsetzen. Alles eigentlich flott erledigt.

Liebe Grüße, Patrick

 

[hub]

AW: Problem mit Navigation!

Moin moin,
wenn es für jetzt als Hinweis reicht, deine untergeordnete Liste (dein Sub-Menü) weiss nicht, wo und wie sie sich positionieren soll. Bin gerade im Stress, kann dir das aber morgen, wenn du möchtest, im Laufe des Tages etwas ausführlicher an deinem Code zeigen.
Oder es findet sich heut noch jemand mit mehr Zeit.
Gruß Ulli

 

[hub]

AW: Problem mit Navigation!

Moin moin, ich schon wieder ,
zur Positionierung deiner Submenüs solltest du diese absolut im übergeordneten LI Tag darstellen und was sich öffnet auch angezeigt lassen, solange sich die Maus darüber befindet. Ich hab mal deine Css ein wenig verändert (navi.css, ab Zeile 28 ), damit du siehst, was ich meine:

#cssm1 ul li ul, #cssm1:hover ul li ul, #cssm1:hover ul li:hover ul li ul{
position: absolute; /* neu */
top: 60px; /* neu */
display: none;
}
 
/* neu */ 
#cssm1:hover ul li ul li ul:hover, #cssm1 ul li ul li:HOVER {
display: block;
}

Kurze Erläuterung.
position: absolute = im aktuellen LI,
top: 60px = noch im Hoverbereich des auslösenden LI Tags, damit beim Mouse-Übergang das Submenü das Mousover-Signal übernehmen kann.
Der Part darunter sorgt dafür, das das Submenü sichtbar bleibt, solange die Mouse darüber bleibt.

Gruß Ulli