Vertikale Linie als Trennzeichen für Menüleiste
Автор: Ulla K.
Просмотрено 2029,
Подписчики 1,
Размещенный 0
Ich möchte gerne zwischen die Elemente meiner Menüleiste vertikale Linien als Trennung einfügen, die etwas länger sind als die Höhe des Textes. Da Bilder mehr aussagen als Worte: Ich möchte die Menüleiste gestalten wie auf dieser Seite hier: http://vastraamterviksbryggeri.se/huvudsida.html
Könnte mir jemand helfen, wie ich das umsetzen kann? Im Prinzip müsste man ja eine Bilddatei zwischen die Elemente im Menü einfügen oder gibt es einen einfacheren Weg?
Danke für die Hilfe!
Размещено
Da geht am einfachsten mit CSS Code den du unter "2" Seo&Code REiter "Erweitert" vor dem </head> Tag einfügst !
<style>
#imMnMn.main-menu > ul > li {border-right: 2px solid #000;}
</style>
Автор
Vielen Dank für die schnelle und hilfreiche Antwort. Jetzt habe ich, was ich wollte. Allerdings passt die Textausrichtung noch nicht. Wenn ich im WSX5-Menü die Ausrichtung mittig setze, ist der Abstand zum Strich rechts nicht einheitlich: je länger der Text des Menüpunkts, desto näher ist der Text am rechten Rand. Wie kann ich das (so wie auf der Bsp.-Website oben gezeigt) so setzen, dass unabhängig von der Länge des Menüpunkts der Text mittig zwischen dem eigenen rechten Rand und dem rechten Rand des vorherigen Menüpunkts liegt?
Danke für die Hilfe!
Das geht nicht mit WSX5, denn es wird nicht die länge der Schrift berücksichtigt sondern die länge der Buttons und die sind alle gleich lang! Auch wenn der Button nur einen Buchstaben hat und der andere 15 ist der Button immer gleich groß!