Navigation horizontal mit Strich

[cleo]

Hi,

ich hab ein kleines bis großes Problemchen und ich komm einfach auf keine Lösung.

Ich habe eine Navigation die horizontal verläuft. Unten drunter soll ein Strich (über die gesamte länge der navi) in Grau sein. Wenn man nun über einen Menüpunkt geht, dann soll der Teil des Striches unterhalb von dem Text Schwarz dargestellt werden.

Mir ist hover etc. geläufig nur ich komme nicht drauf, wie ich den unteren Strich am besten und praktikabelsten einfügen soll. Ein div wird wohl nicht funktionieren, weil Blockelement. Javascript möchte ich auch nicht wirklich benutzen. Ich hatte noch die Idee den Code von einer Navigation mit Untermenü umzubauen, aber bin mir da auch nicht so sicher, ob das so optimal ist.

Hat vielleicht jmd eine idee?

Dank und Gruß
cleo

[Beat]

Hat vielleicht jmd eine idee?

Du willst ganz einfach die border-bottom-color des betreffenden Elements per hover ändern.

mfg Beat;

[levu]

Hallo,

Das gehoverte Element nach unten vergrößern, größerer z-index => der strich verschwindet

cleo

mfg, Flo