|
|||
Horizontales Menü - Trennlinie zwischen Menüpunkten
Hallo,
ich habe ein Problem mit einem horizontalen Menü, bei dem die einzelnen Menüpunkte mit einer vertikalen Trennlinie (wie eine Pipe |) abgegrenzt werden. Mein Problem ist, dass diese Trennlinie, wenn ich sie mit border definiere, viel zu hoch ist und somit wesentlich größer als der Text der Links. Das liegt meiner Meinung nach daran, da sich die Höhe an das Element angleicht. Auf jeden Fall sieht es nicht gut aus. Gibt es eine Möglichkeit die Höhe dieser Linie zu reduzieren? Mein Ziel wäre es, eine Trennlinie mit Border zu erstellen, die von der Art genau so wie eine normale Pipe aussieht und auch genau so groß ist. Warum ich nicht gleich die Pipe nehme? Das Menü wird dynamisch durch ein CMS generiert. Wenn ich die Pipe verwende, so habe ich nach dem letzten Menüpunkt rechts auch noch einen Trennlinie. Wenn ich das mit CSS hinbekomme, kann ich den letzen Menüpunkt anders stylen und die Trennlinie kommt weg. Beispiel: Menüpunkt 1 | Menüpunkt 2 | Menüpunkt 3 | Ziel: Menüpunkt 1 | Menüpunkt 2 | Menüpunkt 3 Hat vielleicht jemand einen Tipp von euch? Ich stehe momentan ziemlich an. Danke schon mal. LG; RB Geändert von RedBaron (20.12.2008 um 04:16 Uhr) |
Sponsored Links |
Sponsored Links |
|
|||
Zitat:
außerdem brauche ich die line-height im "normalen" sinn, da dieses menü auch über zwei zeilen geht. werds mal mit einer grafik probieren. danke für die tipps! edit: mit der linie als grafik hat das wunderbar funktioniert. danke nochmal! Geändert von RedBaron (20.12.2008 um 11:47 Uhr) |
|
|||
Weil ich's selber gerade wo so mache...so sollte es mit Schrift gehen, wenn's ein normale Textlink-Menü ist:
<a href="http://www.">Link1</a> | <a href="http://www.">Link2</a> | <a href="http://www.">Link3</a> | ........ |
|
||||
@träumer: Nein, dass ist der falsche Weg.
Horizontales Menü => Liste. | => Deko = gehört in die CSS-Datei. Den Rest hat Heiko schon gesagt.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Fliesendes horizontales Menü 100% Breite | Overtone | CSS | 0 | 01.05.2010 17:19 |
Darstellungsproblem | flohpapa | CSS | 3 | 16.12.2009 09:55 |
trennlinie zwischen 2 unterschiedlich hohen Blockelementen | wuschba | CSS | 4 | 02.11.2007 15:51 |
Trennlinie bei Leerzeile im Menü | Liebei | CSS | 2 | 29.08.2007 15:14 |
Horizontales Menü ohne Zwischenraum | Xavier | CSS | 4 | 16.09.2005 10:28 |