nicht angemeldet
onmouseover und CSS
In einem Menü aus Tabellenzellen soll das Hintergrundbild bei mouseover wechseln.
Das gelingt natürlich mit dem erweiterten TD-Tag:
<TD onmouseover="this.style.backgroundImage='bild1.png';"
onmouseout="this.style.backgroundColor='bild2.png';" >
Der besseren Wartung wegen möchte ich den Wechsel ins CSS auslagern.
Also:
Im HTML-Text:
<td id="bunte_zelle"> ....
Im CSS
#bunte_zelle {
}
Doch was passiert zwischen { und }? Ich bekomme es nicht hin, die mouseover- bzw. mouseout-Anweisungen ins CSS zu zwingen!
Wie lautet die genaue Syntax?
Danke sehr für eine Antwort.
Kronos
-
Hallo Kronos.
Im CSS
#bunte_zelle {
}
Doch was passiert zwischen { und }?Der Pfad zu deinem Bild, wenn die Tabellenzelle ge_hover_t wird.
Ich bekomme es nicht hin, die mouseover- bzw. mouseout-Anweisungen ins CSS zu zwingen!
Weil für 2 HTML-Attribute in CSS nur ein Pseudoattribut erforderlich ist.
Wie lautet die genaue Syntax?
Siehe: :hover
Danke sehr für eine Antwort.
Gern geschehen.
Gruß, Ashura
--
Selfcode: sh:( fo:) ch:? rl:( br:^ n4:& ie:{ mo:) va:) de:> zu:) fl:( ss:| ls:[ js:|
Try it: Become an Opera Lover in 30 days
Meine Browser: Opera 8.0 | Firefox 1.0.4 | Lynx 2.8.3 | Netscape 4.7 | IE 6.0
IE Layout-Workaround №1: <!--[if IE]><style type="text/css">*{display:none;}</style><![endif]--> -
hi,
In einem Menü aus Tabellenzellen soll das Hintergrundbild bei mouseover wechseln.
Das gelingt natürlich mit dem erweiterten TD-Tag:
<TD onmouseover="this.style.backgroundImage='bild1.png';"aber nur in kaputten browsern.
korrekte browser würden beim ansprechen der CSS-eigenschaft background-image über das style-objekt natürlich immer noch einen standardkonformen wert für diese erwarten.gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; } -
Hi,
wie Ashura schon sagte benötigst du die pseudoklasse :hover
allerdings könnte dir der IE dabei probleme bereiten da dieser :hover
nur bei einem link, also <a> kennt. dies läßt sich lösen indem du um den
inhalt ein <a></a> setzt und in der css dann:a{display: block;}
#bunte_zelle a:hover { hintergrundbild bei mouseover }
#bunte_zelle a { hintergrundbild bei mouseout }machst.
MfG
-
Hallo Kronos,
In einem Menü aus Tabellenzellen soll das Hintergrundbild bei mouseover wechseln. […] Ich bekomme es nicht hin, die mouseover- bzw. mouseout-Anweisungen ins CSS zu zwingen!
Eine Möglichkeit beschreibt der Artikel Mouseover-Buttons und -Effekte mit CSS.
Grüße
Roland