Internet Explorer und Hover-effekt bei

Hi!

Also es geht um folgendes:
Ich hab eine Navigation erstellt. Jeder Eintrag ist ein <td> mit im CSS festgelegten Hintergrund, der sich bei Hover verändert.

Der CSS-Code sieht so aus:

Code:

td.navi_entry {
border: 0px;
background: URL('pics/navi_button_up.jpg');
}

td.navi_entry:hover {
border: 0px;
background: URL('pics/navi_button_down.jpg');
}

Soweit so gut. Firefox und Opera kriegen das auch ohne Probleme hin, nur der IE muss wieder rumzicken: Der macht garnix.

Hat jemand eine Alternativlösung oder geht das mit IE einfach nich?!

Thx schonmal,
mori88

leider geht das mit dem ie nicht, bzw, du kannst das in verbindung mit javascript machen, onmouseover und dann background verändern.

aussehen würde das in etwa dann so

Code:

<td onMouseOver="style.backgroundColor='#8D0000'; style.color='#FFFFFF';"
       onMouseOut="style.backgroundColor='#E6E6E6'; style.color='#737373'">

ich hatte das mal bei einer seite ( www.mth-cup.de ) so gemacht, weils eben mit css beim ie nicht geht... ist keine schöne methode, aber so gehts bei allen die js aktiviert haben, kannst ja alternativ css noch mit einbauen, dann gehts bei allen, ausser bei ie usern ohne javascript.

hmmm naja erstmal danke für die Antwort!

Mit Farben geht das aber mit Bildern bekomm ich das irgendwie nich hin ... Wie muss das aussehen? Hab zwar schon bei SelfHTML nachgeschaut aber das hilft mir auch nich wirklich weiter, da da nich steht wie man das einsetzt

doch es geht auch mit dem ie. man muss es nur auf das a element anwenden und nicht auf ein td. der ie kennt beim td kein :hover.

es geht aber auch noch besser. wozu zwei grafiken? will man die hovergrafik sehen, muss die vorher per preloader geladen werden oder beim hover geladen werden - ist doch blöd und ruckelt etwas.

mach eine grafik daraus und verschiebe sie.

klar mit a:hover gehts klar, aber damit kann man nicht die gesamte tabellenzelle einfärben oder als link darstellen, das ist ja das problem.

brauchst du ja auch nicht.

als beispiel nimm mal www.jubi-gti.de

da ist die navigation im roten balken auch aus "hover"-grafiken. da braucht man keine tabellen für. denn wenn es dir nur um den bildwechsel geht...

12345 postete
doch es geht auch mit dem ie. man muss es nur auf das a element anwenden und nicht auf ein td. der ie kennt beim td kein :hover.

es geht aber auch noch besser. wozu zwei grafiken? will man die hovergrafik sehen, muss die vorher per preloader geladen werden oder beim hover geladen werden - ist doch blöd und ruckelt etwas.

mach eine grafik daraus und verschiebe sie.

also zum ersten mal: ich habs gelöst.
So nu zu dem mit dem "ins a element" ... wenn man bissel nachdenkt kommt man darauf dasses dann NUR auf den linktext angewendet wird, und das hat keinen sinn...

das mit dem preloader spar ich mir auch ... warum auch einfach wenns kompliziert geht wa?!

Das hier tuts genausogut und nix preloader:

Code:

onMouseover="style.setAttribute('background','url(pics/navi_button_down.jpg)','false');" onMouseout="style.setAttribute('background','url(pics/navi_button_up.jpg)','false');"

außerdem: grafiken verschieben wüsst ich wieder nich wies geht ^^ naja trotzdem danke an alle hat sich also erledigt funzt jetz auch mit IE perfekt

mfG,
mori88

Ich habe hier ein Tutorial für einen Bildwechsel ohne JavaScript nur mit CSS:

http://www.idee-c.de/wissen_c.php?id=3