Navigation untereinander

Hallo.

Habe folgenden CSS Code für die Navi :

[CODE]/Hier beginnt der CSS Code für die Navigation/
#navi{
overflow: hidden;
list-style: none;
background: #232323;
}

#navi li{
float: left;
}

#navi a:link, #navi a{
display: block;
padding: 2px 6px 2px 30px;
color: #ffffff;
text-decoration: none;
}

#navi a:visited{

}

#navi a:hover{

}[/CODE]

Folgender HTML Code für die Navi :

[HTML]

[/HTML]

So sieht Sie aus :

http://www.info-bundesliga.de/Unbenannt.png

Ich möchte aber, dass die Unterpunkte unter den Hauptpunkten sind. Wie mache ich das ?

Dein HTML-Code ist falsch.

So machst Du es:

[html]

[/html]

Hier ist falsch, dass innerhalb eine

    nur
  • vorkommen dürfen. Du schreibst hier aber
      innerhalb von
        hin. Korrekt wäre das hier:

        [html]

        [/html]

        Hier steht das

          als Unterpunkt in
        • . Dadurch kannst Du dann auch per CSS sagen, was mit solchen Unterpunkten passieren soll:

          #navi li { position: relative; z-index: 1; } #navi ul { position: absolute; bottom: 0; left: 0; }

          oder je nachdem, ob Du eine ausklappbare Navigation haben willst oder nicht auch in Kombination mit der hover-Pseudoklasse.