:hover funktioniert nicht

Paspirgilis

Weißer Powerranger
Code:
.startmenu .startmenu_content .right .item{
	height: 35px;
	width: 185px;
	margin-bottom: 5px;
	border: 1px solid transparent;
	cursor: pointer;
}
.startmenu .startmenu_content .right .item:hover{
	background: #45454d;
	border: 1px solid #404043;
}

ersichtlich auf http://fichte.kilu.de/Clan-NoA/
--> als Gast ohne PW einloggen und im "startmenu" rechte seite bei
Members, da müsste sich die hintergrundfarbe verändern laut meiner CSS-Deklaration beim rüberfahren mit der Maus.

Findet jemand den Fehler?

MFG
Mark Paspirgilis
 
Hi,

der Fehler findet sich nicht im Stylesheet, sondern in der fehlenden Dokumenttyp-Deklaration, mit der das HTML-Dokument den Browsern im standardkonformen Modus übergeben wird, denn derzeit laufen die Browser im Darstellungsmodi "Quirksmode".

Mögliche Doctypes für den "Standardsmode" wären hier beispielsweise:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
oder:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Solltest du bei der Entwicklung den IE6 berücksichtigen, wirst du für ihn einen Hack vorsehen müssen, da er die allg. Pseudoklasse div.item:hover nicht unterstützt, oder einfach das div-Element durch einen Link ersetzen, wenn dieser Bereich der "cursor: pointer"-Deklaration zufolge, die Funktion einen Verweises übernehmen soll.

Achja, der korrekte MIME-Type für ein Stylesheet heißt "text/css" (css = kleingeschrieben), und das <link>-Tag besitzt kein schliessendes </link>-Tag, da es zu den sog. "Standalone-Tags" (inhaltsleeren Elementen) zählt.

mfg Maik
 
sry den end-tag mach bluefish immer.
Stimmt den Doctype hab ich wirklich vergessen :D
und nein ich werden den IE (keinen von ihnen, deswegen nutze ich auch Linux)
nicht supporten. die IE's werden später zur Download-page von Firefox geleitet.


Danke du warst eine große Hilfe

MFG
Mark Paspirgilis
 

Neue Beiträge

Zurück