Probleme mit :hover
Fabian H.
- css
0 David Wagner0 Fabian H.0 David Wagner0 Fabian St.0 Fabian H.0 MudGuard
0 Wilhelm Turtschan
0 itz
Hi,
Ich habe ein kleines CSS-Problem. Ich möchte gerne allen Links mit der Klasse "menu" einen bestimmten Hovereffekt zuweisen. Mein erster Versuch war wie folgt:
.menu{
color: white;
text-decoration: none;
}
.menu:hover{
color: grey;
text-decoration: none;
}
Ich habe das getestet und mit Mozilla funktioniert das bestens, mit dem Internet Explorer ist aber gar nichts zu sehen...
Kann mir jemand sagen wo der Fehler ist, oder geht das gar nicht?
Gruss Fabian
Hy
Kann mir jemand sagen wo der Fehler ist, oder geht das gar nicht?
Stell noch ein "a" vor die Klasse. Also a.menu:hover{...}
Dann sollte es gehen.
Noch etwas zum lesen:
http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus
Gruss
David
Hi
Stell noch ein "a" vor die Klasse. Also a.menu:hover{...}
Hab ich gemacht, geändert hat sich aber nix ;) Mozilla geht immer noch, IE nicht...
gruss Fabian
Nochmals Hy :)
Hab ich gemacht, geändert hat sich aber nix ;) Mozilla geht immer noch, IE nicht...
Probiers mal mit:
------------------------------------------------------
.menu:link{
color: black;
text-decoration: none;
}
.menu:visited{
color: black;
text-decoration: none;
}
.menu:hover{
color: grey;
text-decoration: underline;
}
-------------------------------------------------------
also ohne einfach .menu{.... , ich glaube das übschreibt den rest ?!
Gruss
David
Hi!
Ich habe mir den Thread nicht ganz durchgelesen, ich weiß also nicht, ob diese Antwort gegeben wurde...
So müsste es jedoch funktionieren:
.menu a{
/*Dein Stylesheet*/
}
.menu a:hover{
/*Dein Stylesheet für alle Links der Klasse menu, bei OnMouseOver*/
}
Grüße,
Fabian St.
Hi
OMG ich könnte mich ohrfeigen... IE kennt wohl die Farbe grey nicht, mit red klappt es ohne Probleme... Ich steig jetzt mal auf die Hex-Schreibweise um :D
Thx a lot
Fabian
Hi,
OMG ich könnte mich ohrfeigen... IE kennt wohl die Farbe grey nicht, mit red klappt es ohne Probleme... Ich steig jetzt mal auf die Hex-Schreibweise
um :D
grey kennt er vermutlich genausowenig wie jellow, plue, grien oder ret.
Der Farbname in CSS (und HTML) lautet gray (mit a, nicht mit e)
cu,
Andreas
hallo andreas,
m.E. ist grey sowie gray als englische schreibweise
der farbe grau zulaessig. siehe http://dict.leo.org
gruss,
michael
ss:) zu:) ls:& fo:) de:> va:) ch:? n4:& rl:? br:< js:| ie:% fl:{ mo:|
Hi,
m.E. ist grey sowie gray als englische schreibweise
der farbe grau zulaessig. siehe http://dict.leo.org
gruss,
In der englischen Sprache ja. In CSS nein:
http://www.w3.org/TR/REC-CSS2/syndata.html#value-def-color sagt:
The list of keyword color names is: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow.
Da kommt grey NICHT vor.
Der nächste Satz lautet: These 16 colors are defined in HTML 4.0 ([HTML40]).
Und siehe da, HTML definiert auch genau diese Farben:
http://www.w3.org/TR/html401/sgml/loosedtd.html#Color
<!-- There are also 16 widely known color names with their sRGB values:
Black = #000000 Green = #008000
Silver = #C0C0C0 Lime = #00FF00
Gray = #808080 Olive = #808000
White = #FFFFFF Yellow = #FFFF00
Maroon = #800000 Navy = #000080
Red = #FF0000 Blue = #0000FF
Purple = #800080 Teal = #008080
Fuchsia= #FF00FF Aqua = #00FFFF
-->
Da kommt grey ebenfalls nicht vor.
cu,
Andreas
Howdy[1] Andreas,
m.E. ist grey sowie gray als englische schreibweise
der farbe grau zulaessig.
In der englischen Sprache ja. In CSS nein:
Was wohl daher kommt, dass grey britisches Englisch und gray amerikanisches Eglisch ist. Und wer hat's erfunden? Nee, nicht die Schweizer ;-))
[1] Nein, ich bin nicht schwanger ;-))
viele Grüße
Axel
Hy
Und wer hat's erfunden? Nee, nicht die Schweizer ;-))
Es geht ja auch um CSS nicht um Ricola :-)
Gruss aus der Schweiz...
David
habe d'ehre
Stell noch ein "a" vor die Klasse. Also a.menu:hover{...}
Hab ich gemacht, geändert hat sich aber nix ;) Mozilla geht immer noch, IE nicht...
Dann liegt der Fehler an einer anderen Stelle. Der IE macht das richtig. Allerdings ist meine Glaskugel in der Reinigung. Ein Link auf die Seite waere fuer die Problemstellung hilfreich.
man liest sich
Wilhelm
.menu{
color: white;
text-decoration: none;
}.menu:hover{
color: grey;
text-decoration: none;
}
Hi,
probier es mal anders rum ;-)
Also:
a.menu { ... }
.
.
a:Hover.menu { }
Sollte dann auch im IE passen
Cheers Chris