probleme de background sous mozilla et pas sous IE

Version imprimable

Bonjour tout le monde,
j'ai un petit souci concernant les background de la balise td sous mozilla.
voici un petit exemple:
Code:

1 2 3 4 5 6 7 8 9 10 11 <body> <table> <tr> <td background="Hiver.jpg" onMouseOver="this.background='Nénuphars.jpg';"> test test test test test testestestestestestestest test test test test test test test test test test test test test test test test test test </td> </tr> </table> </body>
alors,noralement sous IE quand je fais passer la souris sur cette zone,l'image change,mais sous mozilla ca marche pas.
j'espère que je suis clair et que vous pourrez m'aider. merci d'avance

09/04/2007, 15h21
MasterOfChakhaL

Salut,

Code:

<td background="Hiver.jpg" onMouseOver="this.background=url('Nénuphars.jpg');">

Dans un cas, tu utilises la propriété html background (obsolète). Dans l'autre tu utilises la propriété css background (recommandée).
La syntaxe n'est pas la même...
09/04/2007, 15h27
scorpion.os

Merci pour ta reponse.

Code:

"this.background=url('Nénuphars.jpg');"

ca ne marche ni sous IE ni Mozilla,je fais quoi alors :?
09/04/2007, 15h34
MasterOfChakhaL

il manquait un petit bout:

Code:

this.style.background
09/04/2007, 15h42
scorpion.os

j'ai deja essayé ca avant de poster ici.
this.style.background='Nénuphars.jpg';
this.style.background-image=url('Nénuphars.jpg');
this.background='Nénuphars.jpg';
this.background-image=url('Nénuphars.jpg');
et ca aussi, this.background-image='Nénuphars.jpg';
je me suis dis que ca pouvait fonctionner,mais malheureusement c'est pas le cas.:cry:
09/04/2007, 15h43
scorpion.os

j'ai oublié de mentionner que je travaille sous IE 6 et Mozilla 2.0.0.3
09/04/2007, 15h48
MasterOfChakhaL

La propriété correcte est background-image.
La propriété background est un raccourci, mais je pensais ca pouvait suffire.

en Javscript, les noms de prorpriétés qui ont plusieurs mots ne sont pas les même qu'en css. Cf FAQ javascript: http://javascript.developpez.com/faq...css.javascript

tu peux essayer ceci:

Code:

this.style.backgroundImage = "url('nenuphar.gif');"

Si ca ne fonctionne pas, je ne vois pas trop. P'tet quelque chose qui interfère dans ta page
09/04/2007, 15h59
scorpion.os

Merci bcp pour ton aide.
ca ne marche tjrs pas,mais bon j'arreterais pas de chercher tant que j'ai pas trouvé une reponse satisfaisante ;) .
Merci encore
10/04/2007, 07h36
Bisûnûrs

Code:

onmouseover="this.style.background='url(tonimage2.jpg)'"

Au passage évite les noms de fichiers avec des accents ...

Après, si ça ne marche toujours pas, il faut que tu modifies un peu ton code :

Code:

<td background="tonimage1.jpg">

en :

Code:

<td style="background:url(tonimage1.jpg)">
12/04/2007, 11h55
scorpion.os

Rebonjour a vous,
Merci pour votre aide.en fait, j'ai procédé autrement pour regler ce probleme, j'ai travaillé avec les classes css, et ca marche tres bien sous IE,Mozilla,Netscape et Opera.
Finalement,c'etait pas difficile a faire ;) .
Merci encore.