Zum Inhalt springen

css background bei rollover

Erstellt am 15. November 2004 · 4 Antworten · letzte Antwort am 15. November 2004

Tags: Frage

nugget ·

hallo typos, ich habe tmenu gemacht das in eine table gewraped ist. nun will ich das wenn ich mit der maus über einen link im menu gehe sich die hintergrund farbe ändert. die farben sind in css in der klasse "navigation" definiert. im internet explorer funktioniert das auch alles (der gesamte hintergrund der tabelle ändert sich. in firefox händert sich jedoch nur die intergrundfarbe des textes. zum besseren verständnis:

so sieht es im internet exploerer aus:
Bild: mark.berntheisel.de/ie.jpg

so sieht es im firefox aus:
Bild: mark.berntheisel.de/firefox.jpg

ich will natürlich das es so aussieht wie im beispiel 1 (internet explorer)!

hier mein css:

.navigation a:link {
   	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #515151;
	text-decoration: none;
	background-color: #A6D2FF;
	width: 190px;

} 

.navigation a:visited {
   	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #515151;
	text-decoration: none;
	background-color: #A6D2FF;
	width: 190px;
} 

.navigation a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	background-color: #ECECEC;
	width: 190px;
}

wer kennt die lösung?

greetz nugget

jenses ·

Wie immer liegt der IE daneben, 😉
man sollte ihn wirklich nicht als Referenz benutzen;
Firefox liefert die korrekte Anzeige.
mit

display:block;

erzeugst du den gewünschten HOVER-Effekt
Cross-Browser-konform.

viele Grüße
jenses

TW ·
nugget schrieb

sehr gut so funktioniert es einwandfrei danke schön!

greetz nugget

was ham wir gelernt? traue niemals dem IE....

cu
thorsten

nugget ·

sorry aber das hab ich nicht gelernt! das wusste ich schon ich vergleich aber trotzdem immer in beiden browsern damit eine 100%ig darstellung in beiden browsern möglich ist!

FYI: Ich benutze privat auch firefox