Hover funzt nicht im Mozilla
Holger123
- css
0 Olaf Schneider0 Holger1230 Holger1230 Olaf Schneider0 Holger1230 MudGuard
Verweise optisch gestalten:
Der Hover-Effekt (Farbe ändern) funktioniert im IE 6 aber nicht im Mozilla 1.5.0.7 -> ist das normal oder habe ich etwas falsch gemacht?
Gruß
Holger
Hallo Holger,
Der Hover-Effekt (Farbe ändern) funktioniert im IE 6 aber nicht im Mozilla 1.5.0.7 -> ist das normal oder habe ich etwas falsch gemacht?
Ich wähle Antwort 2: Du hast etwas falsch gemacht. Poste den relevanten Teil deines Codes und man kann Dir auch sagen, was.
Gruß
Olaf
Danke, ich versuche es erst noch einmal selbst.
:-)
Kann man mir damit helfen?
<style>
a:hover { color:#ee0000; }
a.bodytext { text-decoration:none; font-size:10; color:#000000; font-family:Arial,Helvetica}
</style>
</head>
.
.
.
<a class="bodytext" href="#" target="_blank">abc</a>
Hallo Holger,
Kann man mir damit helfen?
aber ja.
|a:hover { color:#ee0000; }
|a.bodytext { text-decoration:none; font-size:10; color:#000000; font-family:Arial,Helvetica}
Dein css macht folgendes: Alle <a>-Elemente mit class = 'bodytext' erhalten neben einigen Zeichensatzangaben die Farbe schwarz und werden nicht unterstrichen (was die Links wahrscheinlich tarnt und damit unbenutzbar macht).
Alle <a>-Elemente, und zwar wirklich alle erhalten beim Hovern eine rote Textfarbe.
Ist das so gewünscht gewesen?
Gruß
Olaf
P.S.: Man sollte sich bei font-family nie auf vorhandene Zeichensätze verlassen und immer als Schlußlicht einen der generischen Typen (serif|sans-serif|cursive|fantasy|monospace) mit angeben.
Ja, das ist so gewünscht (-> es geht hier um einen Werbe-Banner) :-) Im FF ist die Änderung der Textfarbe beim Hovern allerdings nicht der Fall :-( Hierraus ist der Grund dafür also nicht ersichtlich?
Hallo,
Im FF ist die Änderung der Textfarbe beim Hovern allerdings nicht der Fall
probiere mal die Anweisung {color: #EE0000 !important; }
. Eventuell ist die Information für den Firefox zu allgemein und wird von einer anderen css-Definition überschrieben. Bezüglich dieser Gewichtung verhalten sich die Browser leicht unterschiedlich.
Gruß
Olaf
Danke für eure Antworten :-)
{color: #EE0000 !important; }
So klappt es!! *applaus*
Ich will hier nicht rumspamen, aber eine weitere Lösung ist es, den Hover-Zustand unter den Klassen zu definieren...
a.bodytext { text-decoration:none; font-size:10; color:#000000; font-family:Arial,Helvetica}
a:hover { color:#0000cc; }
Habs gerade gelesen.
Dennohc vielen Dank :-)
hi,
Im FF ist die Änderung der Textfarbe beim Hovern allerdings nicht der Fall :-(
Vermutung: Der Link wurde bereits besucht, und für :visited hast du ebenfalls Formatierungen definiert - und dabei die sinnvolle Reihenfolge nicht eingehalten, wie sie in SELFHTML beschrieben wird.
gruß,
wahsaga
Hi,
Hallo Holger,
Kann man mir damit helfen?
aber ja.
|a:hover { color:#ee0000; }
|a.bodytext { text-decoration:none; font-size:10; color:#000000; font-family:Arial,Helvetica}
Dein css macht folgendes: Alle <a>-Elemente mit class = 'bodytext' erhalten neben einigen Zeichensatzangaben die Farbe schwarz und werden nicht unterstrichen (was die Links wahrscheinlich tarnt und damit unbenutzbar macht).
Soweit richtig.
Alle <a>-Elemente, und zwar wirklich alle erhalten beim Hovern eine rote Textfarbe.
Falsch.
Nur diejenigen a-Elemente, die nicht zur Klasse bodytext gehören, erhalten beim Hovern eine rote Textfarbe.
Beide Selektoren haben dieselbe specificity (kein Style-Attribut, keine id, 1 Attribut- bzw. Pseudoklassenselektor, 1 Elementname).
Daher überschreibt der zuletzt notierte den vorhergehenden.
cu,
Andreas
Hallo Andreas,
|a:hover { color:#ee0000; }
|a.bodytext { text-decoration:none; font-size:10; color:#000000; font-family:Arial,Helvetica}
Dein css macht folgendes: Alle <a>-Elemente mit class = 'bodytext' erhalten neben einigen Zeichensatzangaben die Farbe schwarz und werden nicht unterstrichen (was die Links wahrscheinlich tarnt und damit unbenutzbar macht).Alle <a>-Elemente, und zwar wirklich alle erhalten beim Hovern eine rote Textfarbe.
Falsch.
Nur diejenigen a-Elemente, die nicht zur Klasse bodytext gehören, erhalten beim Hovern eine rote Textfarbe.
genau diese Tatsache habe ich übersehen – oops! Holger hat allerdings inzwischen selbst herausgefunden, dass die falsche Reihenfolge der Definitionen die Fehlerursache war.
Gruß
Olaf
Hi,
Nur diejenigen a-Elemente, die nicht zur Klasse bodytext gehören, erhalten beim Hovern eine rote Textfarbe.
In Browsern, aber nicht im IE - für den ist eine Pseudoklasse irgendwie eine bessere Klasse. ;-)
Ob das wohl im IE7 gefixed ist?
freundliche Grüße
Ingo