moziloCMS Supportforum

moziloCMS => Wie kann ich...? => Thema gestartet von: Kosmonaut am 21. Juli 2012, 14:54:47

Titel: Layout "Blue Leaves": Menü zentrieren
Beitrag von: Kosmonaut am 21. Juli 2012, 14:54:47
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!
Titel: Re: Layout "Blue Leaves": Menü zentrieren
Beitrag von: HPdesigner am 21. Juli 2012, 15:23:36
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.
Titel: Re: Layout "Blue Leaves": Menü zentrieren
Beitrag von: Kosmonaut am 21. Juli 2012, 16:01:55
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!