CSS Mouseover funzt in IE nicht

Computer: Software & Programmierung HTML & CSS
#1

Hallo liebes Forum,

für ein Internetprogramm will ich eine horizontale Navigationsleiste mit CSS erstellen. Es soll sich ein Kästchen vor der Buttonbezeichnung färben und gleichzeitig der Hintergrund der Tabellenzelle.

Siehe hier: http://www.oelde.com/_test/buttontest/

Das ganze funktioniert auch im Firefox wunderbar, nur im IE nicht, der macht überhaupt keinen Mouseovereffekt.

Könnte mir jemand erklären, wie ich das auch für den IE hinbekomme?

Das wäre super, vielen Dank und liebe Grüße
aus Hamm

André

#2

…und was passiert, wenn du
in deiner test.css

.b-top-unternehmen a {…blabla…}

und

.b-top-unternehmen a:hover {…blabla…}

schreibst?

#3

Hallo Oli,

das habe ich gemacht (ist auch auf der Beispiel-Seite…), funktioniert im IE aber nicht!

Liebe Grüße
André

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

#4

Hi,

du hast aber

.b-top-unternehmen {…blabla…}
.b-top-unternehmen:hover {…blabla…}

statt

.b-top-unternehmen a {…blabla…}
.b-top-unternehmen a:hover {…blabla…}

in deiner css-datei stehen.

oder probier es einfach mal ohne Tabellen, liegt vielleicht auch da
dran.

Hier eine Schritt für Schritt Anleitung, wie man zu einer
horizontalen Navigationsleiste kommt:
http://css.maxdesign.com.au/listutorial/horizontal_i…

Gruß
Oli

#5

Siehe hier: http://www.oelde.com/_test/buttontest/

Das ganze funktioniert auch im Firefox wunderbar, nur im IE
nicht, der macht überhaupt keinen Mouseovereffekt.

Könnte mir jemand erklären, wie ich das auch für den IE
hinbekomme?

Für IE müsstest du JScript verwenden oder eben den mindestens genauso hässlichen Hack über A-Elemente. IE beherrscht praktisch keine Pseudo-Klassen auf Elementen außer A.

#6

CSS Mouseover funzt in IE nur bei ‚A‘ (!)
Hi,

soweit ich weiß, nimmt der IE die :hover-klassen nur für Textlinks (also ) und nicht für andere Elemente wie zB Tabellenzellen ().

Für die anderen Browser kannste das afaik nur mit JSSS machen…

konkret würde das dann so aussehen:

…
News/Info
…

den cursor kannste ggf auch weglassen, weiß nicht ob der Dir nutzt… ist eigentlich nur notwendig, wenn Du den „Link“ auch als Java (zB mit onclick) machst…

versuchs mal :smile:

mfG
Julian