zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Linkeffekt mit einer Grafik, realisiert mit css

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 20.09.2006, 13:25
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.09.2006
Beiträge: 3
Citronella befindet sich auf einem aufstrebenden Ast
Frage 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 20.09.2006, 13:44
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.843
RoToRa wird schon bald berühmt werden
Standard

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 20.09.2006, 13:47
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.780
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von Citronella
Oder gibt es eine möglichkeit, das glitzern so oft zu wiederholen, wie der link lang ist, also variabel passend zur linklänge.
http://www.css4you.de/background-repeat.html
Zitat:
#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;}
[...]
Mit diesem codestück hätte der doch wenigstens die bild.gif am anfang des links zeigen müssen?
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

Geändert von fricca (20.09.2006 um 13:49 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 20.09.2006, 16:40
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.09.2006
Beiträge: 3
Citronella befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #5 (permalink)  
Alt 20.09.2006, 16:44
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.152
mazzo wird schon bald berühmt werden
Standard

hast Du ein Online-Beispiel oder sollen wir raten?
Mit Zitat antworten
  #6 (permalink)  
Alt 20.09.2006, 18:06
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.09.2006
Beiträge: 3
Citronella befindet sich auf einem aufstrebenden Ast
Standard

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.

Geändert von Citronella (20.09.2006 um 18:11 Uhr)
Mit Zitat antworten
  #7 (permalink)  
Alt 21.09.2006, 10:20
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.152
mazzo wird schon bald berühmt werden
Standard

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

Zitat:
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.
der Code ist Fehlerhaft, richtig bindet man Bilder so ein:
Code:
#tabletitle a:hover { background-image: url(pfad/bild.gif); color: #fffacd;}
oder kürzer:
Code:
#tabletitle a:hover { background: #ABC url(pfad/bild.gif) left top no-repeat;}
siehe auch: http://www.css4you.de/background.html
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
CSS hover Grafik verlinken ToBe4minimal CSS 10 13.05.2011 14:47
Wege zum guten CSS - Ausgewählte Links Sp33dy G0nz4l3s Ressourcen 1 27.05.2008 12:09
Grafik an Grafik mit CSS!? Pumpkin CSS 2 11.04.2008 09:18
"img src" in css definieren kofi CSS 7 29.11.2006 06:50
CSS Buchtipp Eric A. Meyer vistahr Ressourcen 2 01.11.2006 19:53


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:52 Uhr.