List-style-image: Grafik auch als Link

[E. Rotzinger]

Hallo,

ich habe ff. Probleme:

A)
Meine Seitennavigation habe ich über <ul><li> etc. angelegt. Anstelle der Standardaufzählungszeichen möchte ich eine eigene Grafik (Pfeilgrafik) via "list-style-image:ulr ..."
verwenden. Mein Problem: Wie erreiche ich, dass auch diese Grafik als Link fungiert und nicht nur der daran anschliessende Text

Bsp:
--> Home
--> Aktuelles
--> Impressum
Nicht nur Home / Aktuelles / Impressum sonder auch die "Pfeilgrafik
soll alks Link fungieren

B) Und noch eine kleine Frage: die textlichen Links ("Home" etc...) aendern via HOVER die Farbe. Kann ich sowas auch fuer die Pfeilgrafik erreichen - ohne dass ich mit einer zweiten Grafik abreiten muss
(Die erste  hat einen transparenten Hintergrund)

So jetzt genug ;-). Wenn mir jemand  weiterhelfen koennte, waer das klasse.

Viele Gruesse

Ernst

[Gernot Back]

Hallo Ernst,

verwenden. Mein Problem: Wie erreiche ich, dass auch diese Grafik als Link fungiert und nicht nur der daran anschliessende Text

Das erreichst du nur dadurch, dass du die Grafik nicht als list-style-image sondern als nicht wiederholtes linksbündig positioniertes background-image dem Link selbst zuweist. Ein entsprechendes padding-left sorgt dann dafür, dass der Linktext die Pfeilgrafik nicht verdeckt.

Gruß Gernot

[Ernst]

Hallo Gernot,
schade, dann muss ichs wohl so machen ...Dachte es gäb da iregndeinen genialen Trick ;-) Aber auf jeden vielen Dank fuer Deinen Hinweis
Gruss
Ernst

****

Hallo Ernst,

verwenden. Mein Problem: Wie erreiche ich, dass auch diese Grafik als Link fungiert und nicht nur der daran anschliessende Text

Das erreichst du nur dadurch, dass du die Grafik nicht als list-style-image sondern als nicht wiederholtes linksbündig positioniertes background-image dem Link selbst zuweist. Ein entsprechendes padding-left sorgt dann dafür, dass der Linktext die Pfeilgrafik nicht verdeckt.

Gruß Gernot