Linkeffekt mit einer Grafik, realisiert mit css
 

Hallo ihr lieben!

Ich will mit css den Linkeffekt für die Homepage mit grafiken lösen.

Dass heisst, das endergebnis soll sein, wenn die Maus über dem Link steht, soll der Link glitzern.

Ich hab eine vorstellung wo ich den code im css script einbauen muss. Leider fehlt es an den Details.

Aber wie löse ich das, ohne javascript?

Wie löse ich dass, ohne dass ich für jeden link einzeln eine glitzernde Grafik mit linknamen erstellen muss?
Ich dachte dabei an ein transparentes gif, dass eine kurze einheitslänge hat, so dass jeder link am anfang etwas glitzert. Oder gibt es eine möglichkeit, das glitzern so oft zu wiederholen, wie der link lang ist, also variabel passend zur linklänge.

Ist das überhaupt möglich so wie ich mir das vorstelle? Der anfängliche versuch:

#tabletitle A:link, #tabletitle A:visited, #tabletitle A:active { COLOR: #fffacd; TEXT-DECORATION: underline; }
#tabletitle A:hover a:hover { background-image: http://url/bild.gif; color: #fffacd;}

zeigte keine veränderung. Hab nicht so viel ahnung von css.
Mit diesem codestück hätte der doch wenigstens die bild.gif am anfang des links zeigen müssen?

Bin schonmal dankbar für jede hilfe!

Gruss

Das ist alles prinzipell ok, was Du da erzählst, aber ohne echten funktionierenden Code ist es schwer deine Fragen und Probleme zu lösen. Am besten wäre es wenn Du ein Link mit deinem Versuch posten könntest.

Robin

http://www.css4you.de/background-repeat.html
Einen Selektor "a:hover a:hover" kann es nicht geben, da Links nicht verschachtelt werden können.

Poste einen Link auf das Problem.
Heute zum zweiten Mal: Probleme mit Hintergrundbildern sind ohne Hintergrundbilder nicht nachvollziehbar.

edit: zu langsam

wir haben den code soweit geändert. Nun geht es, aber nur auf Mozilla. Wie geht das nun, das es sowohl bei Mozilla, als auch bei IE und den anderen Standart Browsern geht?

Gruss

hast Du ein Online-Beispiel oder sollen wir raten? ;)

Hier mal nen link zum Board:

http://www.forum4free.org/21822/forum/index.php?sid=

Und hier der geänderte code:

#tabletitle a:link, #tabletitle a:visited, #tabletitle a:active { COLOR: #fffacd; TEXT-DECORATION: underline; }
#tabletitle a:hover { background-image: http://url/bild.gif; color: #fffacd;}

Wie gesagt, funzt, aber ebend nur mit Mozilla.

und wo auf dem Board ist der gewünschte Effekt btw. wo funktioniert dieser nicht?

der Code ist Fehlerhaft, richtig bindet man Bilder so ein:
oder kürzer:
siehe auch: http://www.css4you.de/background.html