nicht angemeldet
a.link:hover
hallo alle zusammen,
ich habe ein kleines problem mit a.hover unter moz/ns.
sobald ich hier ein background-color:red o.ä. angebe,
sollte der hintergrund bei mausberührung ja die farbe wechseln.
das problem ist nur, bei moz/ns (1.1 bzw. 7) klappt das leider nicht so ganz.
zwar wechselt die farbe kurz, aber wenn ich mit der maus darauf stehen bleibe, springt sie wieder zurück...?
was muß ich denn beachten, damit sie die farbe behält?
danke für euere hilfe !
viele grüße,
daniel
-
Hi,
ich habe ein kleines problem mit a.hover unter moz/ns.
Meinst Du a:hover oder a.hover?
sobald ich hier ein background-color:red o.ä. angebe,
sollte der hintergrund bei mausberührung ja die farbe wechseln.das problem ist nur, bei moz/ns (1.1 bzw. 7) klappt das leider nicht so ganz.
zwar wechselt die farbe kurz, aber wenn ich mit der maus darauf stehen bleibe, springt sie wieder zurück...?was muß ich denn beachten, damit sie die farbe behält?
Es richtig machen. Sorry, aber weitergehende Hilfe, was Du falsch machst, kann man Dir nur geben, wenn Du Deinen bisherigen Code nicht weiter verheimlichst.
Andreas
-
hi andreas,
sorry, meinte natürlich a:hover ;-))
hier ist zum beipsiel eine klasse, bei der ich das problem habe...
a.headerlink {
font-family:Verdana,Arial,sans-serif;
font-weight : bold;
color : Gray;
font-size :x-small;
}
a.headerlink:link {
text-decoration : none;
color: Gray;
}
a.headerlink:active {
text-decoration : none;
color: #cc0000;
}
a.headerlink:visited {
text-decoration : none;
color: Gray;
}
a.headerlink:hover {
color : white;
text-decoration : none;
background-color : #CC0000;
}da habe ich zum beipsiel das probelm...
fällt dir an dem code irgendwas auf?
ich meine, im IE und Opera gehts ohne probleme?danke für deine hilfe
grüße,
daniel-
Hallo Daniel,
fällt dir an dem code irgendwas auf?
ich meine, im IE und Opera gehts ohne probleme?Die Reihenfolge der Angaben stimmt nicht. Richtig wäre: :link, :visited, :hover, :active.
http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus
Gruß, Jan
-
Hi,
http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus
Wobei dort immer noch (trotz erfolgter Fehlermeldung) :focus an der falschen (letzten statt dritten) Stelle steht.
:link, :visited, :focus, :hover, :active.
(sonst funktioniert hover und active nicht mehr bei Elementen, die den Fokus haben)
Andreas
-
Hallo Andreas,
:link, :visited, :focus, :hover, :active.
(sonst funktioniert hover und active nicht mehr bei Elementen, die den Fokus haben)
Danke! Aber in welchem Browser wirkt sich das bis jetzt aus? Habe gerade getestet; Mozilla 1.1 macht bei focus alles richtig, egal an welche Stelle ich a:focus schreibe, IE 5.5 ignoriert die Angabe vollständig.
Gruß, Jan
-
Hallo Andreas,
:link, :visited, :focus, :hover, :active.
(sonst funktioniert hover und active nicht mehr bei Elementen, die den Fokus haben)
Danke! Aber in welchem Browser wirkt sich das bis jetzt aus? Habe gerade getestet; Mozilla 1.1 macht bei focus alles richtig, egal an welche Stelle ich a:focus schreibe, IE 5.5 ignoriert die Angabe vollständig.
Also bei mir funktioniert der hover bei einem Element mit Fokus nicht im Mozilla, wenn :focus am Ende ist.
Andreas
-
-
hmm....
ok - aber ich hab jetzt link,visited,focus,hover und active in dieser reihenfolge.
aber funktionieren tut es trotzdem nicht ?
sicher, das das blinken damit zu tun hat?
mal eine andere frage: seht ihr das denn wenigstens auch, oder hab ich hier halluzinationen? ;-)grüße,
danielp.s: das mit der fehlermeldung bezog sich auf selfhtml , oder?
nicht auf meine seite ?
-
-
-
hi andreas,
sorry, meinte natürlich a:hover ;-))
hier ist zum beipsiel eine klasse, bei der ich das problem habe...
a.headerlink {
font-family:Verdana,Arial,sans-serif;
font-weight : bold;
color : Gray;
font-size :x-small;
}
a.headerlink:link {
text-decoration : none;
color: Gray;
}
a.headerlink:active {
text-decoration : none;
color: #cc0000;
}
a.headerlink:visited {
text-decoration : none;
color: Gray;
}
a.headerlink:hover {
color : white;
text-decoration : none;
background-color : #CC0000;
}Die Reihenfolge ist entscheidend:
:link, :visited, :focus, :hover, :active
Andreas
-
hi,
also erstmal soweit danke.
aber die reihenfloge machts leider auch nicht...
ich hab jetzt einfach mal was hochgeladen, damit wir nicht aneinander vorbeireden ;-)
http://www.jonny-flash.net/sites/aboutme/blog.php
wenn ihr mit der maus das linke menü oder das horizontale menü oben überfahrt und dann stehenbleibt, seht ihr, was ich meine (jedenfalls unter NS/Moz)
ich habe am css jetzt mal nur die tablelink-klasse geändert - also die für die links in der tabelle am rechten rand...
kommt euch da irgendwas bekannt vor?
grüße,
daniel-
Hallo Daniel,
wenn ihr mit der maus das linke menü oder das horizontale menü oben überfahrt und dann stehenbleibt, seht ihr, was ich meine (jedenfalls unter NS/Moz)
Ein 'linkes' Menü sehe ich nicht. Alle anderen funktionieren bei mir unter Mozilla 1.1 wie erwartet. Auch wenn ich den Mauszeiger eine Minute über den Links lasse, ändert sich die Hintergrundfarbe nicht.
Gruß, Jan
-
-
-
-