Hallo zusammen!
Es geht um das Layout "Blue Leaves". Ich versuche jetzt seit Tagen per hardcore-cssing die Menüleiste (Kategorien) von ihrer offensichtlichen Links-Bündigkeit in die Mitte zu bekommen. Nach meiner Logik ist dafür das nav-Div verantwortlich. Aber das stellt sich ziemlich stur. Ist das denn überhaupt der richtige Ansatz?
Die Frage lautet also: Wie kann ich die Menüleiste zentrieren, egal wie viele Menüeinträge diese hat?
Vielen Dank im Voraus!
Hallo Kosmonaut, hast du ein Link zur Seite?
:idea: Probier mal Folgendes:
#nav {
text-align: center;
...
}und#nav ul {
display: inline-block;
...
} :arrow: Dadurch, dass die einzelnen a-Tags floaten, spannen sie das ul-Tag nicht auf, solang dieses nicht als Blockelement deklariert wurde. Sobald das aber geschehen ist, hat die text-align Rule des übergeordneten Containers wieder Zugriff auf das ul.
Klasse!!!
Das "text-align: center;" hatte ich auch probiert aber auf "inline-block" für die Liste wäre ich nie gekommen. Ich hatte mich schon damit abgefunden, die Menüleiste auszumessen, eine feste Breite einzugeben und dann "margin: 0 auto;" zu benutzen. Das hätte ich dann bei Menü-Änderungen jedesmal anpassen müssen - wenn es überhaupt geklappt hätte.
Das bleibt mir jetzt zum Glück erspart - dank Deines Codes.
Vielen Dank!