Seite 1 von 1

nur vereinzelt Hover-Effekt beim IE7

Verfasst: 21.03.2008 18:32
von p41n
Hallo Leute,

Ich sitze hier vor einem Problem, welches sich einfach nicht lösen lässt.

Es handelt sich dabei um den Hover-Effekt beim IE7. Beim FF funktioniert alles wunderbar. Es wird im IE7 also kein Hover-Effekt angezeigt. Allerdings besteht das kuriose darin, dass dieser Effekt bei manchen Links funktioniert und bei anderen wiederum nicht, obwohl alle per CSS den gleichen Style benutzen.

Geht einfach mal auf meine Website --> http://www.mysaar24.de/news.php?action=news

Dort klickt ihr in der oberen Navigation auf den Punkt "Newsposter". Nun seht ihr, dass dieser sich in blau verfärbt, so wie es sein sollte. Doch bei allen anderen Punkten dieser Navigation geschieht das nicht. Ebenso tritt dies in der linken Navigation auf; dort beim Punkt Kneipen.

Das ganze zieht sich durch die komplette Website. Ich hatte im Netz schon recherchiert. Doch bei allen Funden trat gar kein Hover-Effekt auf. Bei mir ist es aber nur vereinzelt, obwohl ich eine einheitliche CSS-Datei nutze.

Ich bin mit meinem Latein absolut am Ende!

Hatte von euch jemand schon mal das gleiche Problem?

herzliche grüße
p41n

Verfasst: 21.03.2008 18:47
von Andi1111
ich weiss ja nicht ob dir das weiterhilft, der hoover effekt funktioniert bei allen links, solange man die nicht angeklickt hat, also ist wohl in der css bei visited was falsch.

Verfasst: 21.03.2008 20:05
von p41n
Tatsache! *andieStirnklatsch* Danke Dir für den Tipp... :-)

es lag am "visited".. hab die visited-einträge in der css nun überall gelöscht und jetzt gehts.. aber ehrlich gesagt, keine ahnung wieso.. die farbangabe ist genau die gleiche gewesen, als wenn der link noch nicht besucht wurde..

hier mal der ausschnitt des codes: (vorher)

Code: Alles auswählen

#navigation {
 float: left;
 width: 960px;
 color: #333;
 padding: 5px;
 margin: 0px 0px 0px 0px;
 background: #BD9C8C;
 font-weight: bold;
}

#navigation a {
	font-size: 10pt;
	color: #FFFFFF; 
	text-decoration:none; 
}

#navigation a:hover {
	font-size: 10pt;
	color: #00008B; 
	text-decoration:none; 
}

#navigation a:active {
	font-size: 10pt;
	color: #00008B; 
	text-decoration: none; 
}

#navigation a:visited {
	font-size: 10pt;
	color: #FFFFFF; 
	text-decoration: none; 
}

und hier der neue code: (nachher)

Code: Alles auswählen

#navigation {
 float: left;
 width: 960px;
 color: #333;
 padding: 5px;
 margin: 0px 0px 0px 0px;
 background: #BD9C8C;
 font-weight: bold;
}

#navigation a {
	font-size: 10pt;
	color: #FFFFFF; 
	text-decoration:none; 
}

#navigation a:hover {
	font-size: 10pt;
	color: #00008B; 
	text-decoration:none; 
}

#navigation a:active {
	font-size: 10pt;
	color: #00008B; 
	text-decoration: none; 
}

Ich dachte "visited" wäre dafür verantwortlich, den link in der Farbe zu kennzeichnen, entsprechend der Angabe, wenn er angeklickt wurde..
dennoch sollte der hover-effekt beibehalten werden, wenn man mit der maus erneut darüber fährt.. ??

Verfasst: 25.03.2008 00:17
von homoerectus
Hallo,
lies dir das mal durch: http://jendryschik.de/wsdev/einfuehrung ... udoklassen (insbesondere die rot gerahmte Warnung)

Schöne Grüße