Homepage selbermachen 7.852 Themen, 35.619 Beiträge

Verfolgung starten Optionen

hover effekt funktioniert im ff nicht

hansapark / 9 Antworten / Baumansicht Nickles

hallo.

mal wieder eine frage:

wie stelle ich es an, dass der a:hover effekt für einen link in form einer jpg-grafik, auch im firefox und in chrome funktioniert?

der rahmen um das bild soll bei mouse over (hover) die farbe ändern, was er im IE(8) auch tut, nicht aber im ff..

hier der css-schnipsel:
a:hover { text-decoration:none; font-weight:bold; color:#ff0; }

gibt es vielleicht einen guten link zum weiterlesen?
auf css4you konnte ich nichts helfendes entdecken.

vielen dank schon mal

bei Antwort benachrichtigen
ArminH hansapark „hover effekt funktioniert im ff nicht“
Optionen

Hallo, t10,

soweit ich mich erinnere, muss man im stylesheet eine bestimmte Reihenfolge einhalten, damit alles richtig funktioniert.

a:link
a:visited
a:hover
a:active

Siehe
http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm

Gruß, Armin
bei Antwort benachrichtigen
hansapark ArminH „Hallo, t10, soweit ich mich erinnere, muss man im stylesheet eine bestimmte...“
Optionen

ich glaube die habe ich:

body { background-color:#112233; }
* { color:#77BB99; }
a:link { text-decoration:underline; font-weight:bold; color:#55ee99; }
a:visited { text-decoration:underline; font-weight:bold; color:#22bb66; }
a:hover { text-decoration:none; font-weight:bold; color:#ff0; }
a:active { text-decoration:none; font-weight:bold; color:#cff; }
a:focus { text-decoration:underline; font-weight:bold; color:#080; }
.gelb { color:#FFFF00; }
.rot { color:#FF0000; }

gruss

bei Antwort benachrichtigen
hansapark Nachtrag zu: „ich glaube die habe ich: body background-color: 112233 color: 77BB99 a:link...“
Optionen

bzw. jetzt so:

body { background-color:#112233; }
* { color:#77BB99; }
a:link { text-decoration:underline; font-weight:bold; color:#55ee99; }
a:visited { text-decoration:underline; font-weight:bold; color:#22bb66; }
a:focus { text-decoration:underline; font-weight:bold; color:#080; }
a:hover { text-decoration:none; font-weight:bold; color:#ff0; }
a:active { text-decoration:none; font-weight:bold; color:#cff; }
.gelb { color:#FFFF00; }
.rot { color:#FF0000; }

es geht trotzdem nicht..
noch jemand eine idee?

(es ist der firefox 3.0.10)

gruss

bei Antwort benachrichtigen
asterix5 hansapark „hover effekt funktioniert im ff nicht“
Optionen

Hallo,

Rahmenfarbe ist border-color, nicht color (color ist Textfarbe), siehe http://www.css4you.de/borderproperty.html .

Ich bin mir aber nicht sicher, ob border-color beim a-tag angegeben werden darf. Beim img-tag ist border-color zulässig.

Daß das so, wie Du es hast, im IE funktioniert, erstaunt mich. Aber Du hast ja nicht Deinen vollständigen Code gepostet.

\"Als ich nach Deutschland kam, sprach ich nur Englisch - aber weil die deutsche Sprache inzwischen so viele englische Wörter hat, spreche ich jetzt fließend Deutsch!\" (Rudi Carrell)
bei Antwort benachrichtigen
hansapark asterix5 „Hallo, Rahmenfarbe ist border-color, nicht color color ist Textfarbe , siehe...“
Optionen

hallo..

mir schwant ich hab da einen groben fehler drin, denn das ist mein kompletter code...

das ist meine komplette style.css die auf jeder seite eingebunden ist..

das mit img hab ich auch schon gelesen, ich finde nur nirgends beschrieben wie ich es anstelle den bildern die hover-eigenschaft zu verpassen.. das ist das problem..

ich weiss aber definitiv dass es machbar ist - habs schon gesehen.. ..aber den dortigen css-code nicht verstanden..

kann ich dem browser irgendwie sagen, dass jedes bild, welches einen link darstellt, bei mouse over die rahmenfarbe wechseln soll?

wie?

a:img {border-color...}

oder

img.hover {border-color..}

??

diesen befehl finde ich nirgends..

bei Antwort benachrichtigen
meisterv2k hansapark „hallo.. mir schwant ich hab da einen groben fehler drin, denn das ist mein...“
Optionen

a:hover img { border-color:... }

So sollte es eigentlich funktionieren.

bei Antwort benachrichtigen
hansapark meisterv2k „a:hover img border-color:... So sollte es eigentlich funktionieren.“
Optionen

einwandfrei..
super, danke..

läuft in FF und Chrome, Opera hab ich noch nicht getestet, aber denke mal dann auch..

gibt es da irgendwo eine gute dokumentation wo man sowas nachlesen kann?
(damit ich nicht jedesmal so doof fragen muss)

mfg, t10

bei Antwort benachrichtigen
ArminH hansapark „einwandfrei.. super, danke.. läuft in FF und Chrome, Opera hab ich noch nicht...“
Optionen

@ t10

gibt es da irgendwo eine gute dokumentation wo man sowas nachlesen kann?

http://de.selfhtml.org/

Gruß, Armin
bei Antwort benachrichtigen
asterix5 hansapark „einwandfrei.. super, danke.. läuft in FF und Chrome, Opera hab ich noch nicht...“
Optionen

@t10,

was meinst Du mit sowas? Den Geltungsbereich von CSS-Selektoren?

Das findest Du ausführlich hier ( http://www.css4you.de/az.html ) unter den Stichwörtern "Selektor", "Vererbung" und "Verschachtelte Selektoren".

Oder kurz und bündig anhand von einigen Beispielen hier: CSS-Selektoren.

\"Als ich nach Deutschland kam, sprach ich nur Englisch - aber weil die deutsche Sprache inzwischen so viele englische Wörter hat, spreche ich jetzt fließend Deutsch!\" (Rudi Carrell)
bei Antwort benachrichtigen