Wieso geht der Roll-Over im IE nicht?

[Peete]

Hallo, habe ein Menü mit ein paar "tabs". Die inaktiven sollen beim darüberfahren die Farbe wechseln:

<style type="text/css" media="all">
#tabs div{
 background-image : url(../layout/navi/tab_inactive.gif);
}

#tab0:hover {background-image : url(../layout/navi/tabD5E1EA_hover.gif);}

/* usw. für tab1, tab2 etc. */
</style>

Das funktioniert in Opera und in Netscape aber nicht in IE5, IE6 ...
Habs aber schon mit CSS gesehen, wie kann ich das machen?

Vielen Dank für eure Hilfe :)

[Manuel]

Den :hover kann man meines Wissens nach nur für Links, also a, verwenden:

a:hover

Aber nicht für IDs, oder täusche ich mich?

Grüße
Manuel

[Christian]

Den :hover kann man meines Wissens nach nur für Links, also a, verwenden:

a:hover

Aber nicht für IDs, oder täusche ich mich?

Grüße
Manuel

Das geht m.W. auch mit IDs, allerdings ist das neuster CSS Standard und somit wohl noch nicht überall implementiert.

[Manuel]

Gut, dann habe ich mein Javascript für meine neue Site doch nicht umsonst geschrieben ;)

[MudGuard]

Hi,

Den :hover kann man meines Wissens nach nur für Links, also a, verwenden:
a:hover

Damit es der IE kapiert ja.

Aber nicht für IDs, oder täusche ich mich?

:hover kann auf jedes Element angewendet werden.

Das geht m.W. auch mit IDs, allerdings ist das neuster CSS Standard

Naja, mittlerweile knapp 7 Jahre alt (12. Mai 1998)

und somit wohl noch nicht überall implementiert.

in modernen Browsern schon, im IE noch nicht - ist ja wie gesagt noch nicht soooo lange Standard ...

cu,
Andreas

[Peete]

Also Fehlanzeige im IE, und ich dachte schon ich spinne..mal sehen ob ich das in mein a-Tag reinbugsieren kann, sonst halt JS :)

Danke vielmals

[nicnac]

hi peete,

Also Fehlanzeige im IE, und ich dachte schon ich spinne..mal sehen ob ich das in mein a-Tag reinbugsieren kann, sonst halt JS :)

ich weiß nicht, ob ich das jetzt richtig verstanden habe, aber schau doch mal hier...
http://www.pixelcoach.de
die navi links ist mit mouseover / mouseout und klassenwechsel

also so:
<li class="nav" onmouseover="this.className='hover';"
         onmouseout="this.className='nav';">01 | <a href="leistungen_pixelcoach.html" title="Leistungen von pixelcoach.">Leistungen</a></li>

vielleicht hilft das ja weiter.

schönen abend noch
nicole