Gunnar Bittersmann: CSS Navigation div ausblenden und wieder anzeigen

Beitrag lesen

@@macmensa:

nuqneH

  1. Der Text neben dem Bild wird nun nicht mehr zentriert dargestellt. vertical-align hilft mir ja nicht, da es ein Block Element ist.

Hilft aber, wenn es ein 'table-cell'-Element ist:
#nav a { display: table-cell }
Allerdings wirkt dann 'margin-bottom' nicht mehr.

Also lass es auf 'block' und regle den Abstand des Textes nach oben und unten über 'padding':
ersetze #nav a { padding-left: 10px }
durch   #nav a { padding: 13px 10px }

Die Höhe müsste dann um 26 Pixel kleiner sein; überhaupt wäre 'min-height' besser. Allerdings ist hier gar keine Höhenangabe notwendig, also weg damit.

  1. Beim ausklappen der Unterseiten beginnt er das Hintergrundbild zu wiederholen, obwohl background-repeat: no-repeat gesetzt ist.

Für '#navi a'. Das Hintergrundbild hattest du aber dem 'li' gegeben.

HTML und CSS sind nun wie gesagt fehlerfrei

Aber nicht sinnvoll. Tabellenlayout? Pfui! Mit fünf ineinander verschachtelten Tabellen? Pfui! Pfui! Pfui! Pfui! Pfui!

Mystery meat navigation? Pfui!

Und warum schickst du IE < 7 in den Quirksmodus? [Jendryschik]

Qapla'

--
Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)