nicht angemeldet
Hoi
versuche mal a.PIX:hover
das kann gar nicht gehn, weil die Klasse PIX nur im div Tag verwendet wird.
Soweit ich weiß, ist CSS zwar nicht case-sensitiv, allerdings wirst du spätestens dann Probleme kriegen, wenn du auf XHTML umsteigst. Dort wird nämlich Kleinschreibung verlangt.
Jo, richtig, CSS ist das wurscht wie ich das schreibe. Und XML ist das Wurscht was in meiner CSS-Datei steht.
Und XML ist zwar case-sensitive, verlangt aber keine Kleinschreibung.
Klassen dürfen durchaus Großbuchstaben enthalten. Übrigens ist meine Seite XHTML 1.1 valide.
Ok, hier mal ein kompletter Beispielcode:
<html><head>
<title>test</title>
<style type="text/css"><!--
.PIX a {
display:block; cursor:default;
text-indent:2000px; overflow:hidden;
width:300px; height:200px;
}
#mauto a {background:url("beispiel.jpg");}
/* #mauto a:hover {background-position: 0 -200px;} */
.PIX a:hover {background-position: 0 -200px; border:thin solid red}
-->
</style></head><body>
<div class="PIX" id="mauto">
<a href="#"> </a>
</div>
</body></html>
wie man sieht, wird das .PIX a:hover durchaus interprätiert (roter Rahmen)
aber die Verschiebung funktioniert nur mit dem Individualformat.
Da muß es doch eine logisch Erklärung geben. !?
Gruß, Caliga