Hover-Effekt wird nur im IE 8 richtig dargestellt

[matschi]

Hallo allerseits,
kann mir jemand helfen?
Der Hover-Effekt der Navigation wird nur im IE 8 wunschgemäß dargestellt. In FF 3 und Chrome gibt es keinen Effekt:

relevante CSS-Anweisungen:


a:link { font-weight: bold; color: #f93; text-decoration: none; }
a:hover { font-weight:bold; color:#ff6; text-decoration:none; }
a:visited { text-decoration:none; font-weight:bold; color:#f93; }

 

[MyBad]

AW: Hover-Effekt wird nur im IE 8 richtig dargestellt

In wie fern wird er denn in den anderen Browsern falsch dargestellt? Nach deinen CSS-Anweisungen funktioniert es bei mir im FF 3.6 so wie es soll.

Gruß
Tim

 

[Solla]

AW: Hover-Effekt wird nur im IE 8 richtig dargestellt

Also von meiner Seite aus kann ich leider keine Entwarnung geben. Benutze FF3.6.8 da gibt es dann auch keinen hover. In Safari klappts und in Iron auch.

Mir ist aber aufgefallen, dass Du noch Fehler in Deinem Quelltext hast. Lass Deine Seite mal von W3C Validator überprüfen. Da hast Du einmal nen p-tag Fehler und Du hast auch die id="logo" zweimal vergeben. Versuche das mal zu beheben, dann klappt es vielleicht, denn die CSS Anweisungen sind korrekt!

Hoffe das Hilft weiter...viel Erfolg

B.G.
Solla

 

[matschi]

AW: Hover-Effekt wird nur im IE 8 richtig dargestellt

In wie fern wird er denn in den anderen Browsern falsch dargestellt? Nach deinen CSS-Anweisungen funktioniert es bei mir im FF 3.6 so wie es soll.

Gruß
Tim

Hallo Tim,
also bei mir gibt es den Hover-Effekt nur im IE.
Bei FF u. Chrome passiert gar nichts - die Linkfarbe ändert sich nicht - bleibt also orange.

Gruß
matschi

 

[fakerer]

AW: Hover-Effekt wird nur im IE 8 richtig dargestellt

hallo,
also ff klappen nur die ersten beiden weil bei href='#' immer das visited zum tragen kommt.
vielleicht klappt es wenn du:
a:link { font-weight: bold; color: #f93; text-decoration: none; }
a:visited { text-decoration:none; font-weight:bold; color:#f93; }
a:hover { font-weight:bold; color:#ff6; text-decoration:none; }

versuchst.

 

[fakerer]

AW: Hover-Effekt wird nur im IE 8 richtig dargestellt

eigentlich müsste

a { text-decoration:none; font-weight:bold; color:#f93; }
a:hover { color:#ff6; }

reichen hat dann den gleich effekt da link und visited bei dir eh gleich sind

 

[matschi]

AW: Hover-Effekt wird nur im IE 8 richtig dargestellt

Also von meiner Seite aus kann ich leider keine Entwarnung geben. Benutze FF3.6.8 da gibt es dann auch keinen hover. In Safari klappts und in Iron auch.

Mir ist aber aufgefallen, dass Du noch Fehler in Deinem Quelltext hast. Lass Deine Seite mal von W3C Validator überprüfen. Da hast Du einmal nen p-tag Fehler und Du hast auch die id="logo" zweimal vergeben. Versuche das mal zu beheben, dann klappt es vielleicht, denn die CSS Anweisungen sind korrekt!

Hoffe das Hilft weiter...viel Erfolg

B.G.
Solla

Hallo Solla,

erst mal vielen Dank für die Fehlerhinweise im HTML-Code.
Die habe ich zunächst mal beseitigt.
Das beschriebene Problem war dadurch allerdings leider noch nicht behoben.
Ich versuche es mal mit den anderen Hinweisen zu den CSS-Anweisungen.

Gruß
matschi

 

[matschi]

AW: Hover-Effekt wird nur im IE 8 richtig dargestellt

hallo,
also ff klappen nur die ersten beiden weil bei href='#' immer das visited zum tragen kommt.
vielleicht klappt es wenn du:
a:link { font-weight: bold; color: #f93; text-decoration: none; }
a:visited { text-decoration:none; font-weight:bold; color:#f93; }
a:hover { font-weight:bold; color:#ff6; text-decoration:none; }

versuchst.

Hallo fakerer,

Du bist der *****!
Hab die CSS-Anweisung nach Deinem Vorschlag korrigiert.
Jetzt funzt es in allen 3 Browsern wie gewünscht.
Worin bestand deine Logik?

Gruß
matschi

 

[fakerer]

AW: Hover-Effekt wird nur im IE 8 richtig dargestellt

sehr schön wenn es klappt

na ja ff und co sehen wohl ein href='#' also besucht an, da es ja die seite selber ist.
Und da immer die letzte Anweisung die vorherigen überschreibt wird immer die letzte verwendet.