Link 'Liste' in Leistenform
mimhakkuh
- css
0 Ingo Turski0 mimhakkuh
Hi ... vielleicht hat jemand von Euch eine Idee, wie man diese Liste von Links mit CSS realisieren könnte? Die gesamte Zeile in breite des Containers soll hover-'sensitiv'funktionieren und ins dunkelgrau wechseln ... bin da gerade etwas überfragt, was die Handhabung angeht:
http://img410.imageshack.us/img410/3751/linksog1.gif ... Dank & Gruss! F.
Hi,
Die gesamte Zeile in breite des Containers soll hover-'sensitiv'funktionieren
normalerweise würdest Du einfach li:hover entsprechend formatieren. Wenn Du den IE6 unterstützen willst, musst Du allerdings die Links in den li selektieren und ihnen auch noch display:block und die passende Breite zuweisen.
freundliche Grüße
Ingo
Hi und vielen Dank für die Antwort,
ich versuche das nun wie folgt zu lösen:
die li-elemente befinden sich jeweils in einem anker.
http://mimaku.info/misc/beisenherz/malerei
Problem sind i.m. noch die Positionierung des Datums (position: absolute funktioniert hier nicht) und der Hover-Effekt im IE: @Ingo: du meinst, im IE soll der Farbwechsel über a.hover funkionieren passieren?
++++++
Wenn Du den IE6 unterstützen willst, musst Du allerdings die Links in den li selektieren und ihnen auch noch display:block und die passende Breite zuweisen.
Hi,
die li-elemente befinden sich jeweils in einem anker.
http://mimaku.info/misc/beisenherz/malerei
innerhalb eines a-Elements - und das ist doppelt falsch, weil in ul direkt nur li stehen dürfen und in a keine li.
Problem sind i.m. noch die Positionierung des Datums (position: absolute funktioniert hier nicht)
float wäre Dein Freund.
und der Hover-Effekt im IE: @Ingo: du meinst, im IE soll der Farbwechsel über a.hover funkionieren passieren?
nein, über a:hover, weil der IE6 :hover nur bei Links kennt.
++++++
Wenn Du den IE6 unterstützen willst, musst Du allerdings die Links in den li selektieren und ihnen auch noch display:block und die passende Breite zuweisen.
Bitte zitiere das nächste mal sinnvoll. D.h. lösche nicht nur überflüssiges, sondern lasse die Zitatzeichen stehen und setze Deine Antwort *darunter*.
freundliche Grüße
Ingo
Das wars - vielen Dank für die Hilfe - Es funktioniert :D