probleme de background sous mozilla et pas sous IE

**scorpion.os** · 09/04/2007, 15h14

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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<br>test<br>test<br>test<br>test<br>testestestestestestestest<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
    </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

**MasterOfChakhaL** · 09/04/2007, 15h21

Salut,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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...

**scorpion.os** · 09/04/2007, 15h27

Merci pour ta reponse.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ca ne marche ni sous IE ni Mozilla,je fais quoi alors

**MasterOfChakhaL** · 09/04/2007, 15h34

il manquait un petit bout:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

this.style.background

**scorpion.os** · 09/04/2007, 15h42

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.

**scorpion.os** · 09/04/2007, 15h43

j'ai oublié de mentionner que je travaille sous IE 6 et Mozilla 2.0.0.3

**MasterOfChakhaL** · 09/04/2007, 15h48

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**scorpion.os** · 09/04/2007, 15h59

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

**Bisûnûrs** · 10/04/2007, 07h36

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<td background="tonimage1.jpg">

en :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<td style="background:url(tonimage1.jpg)">

**scorpion.os** · 12/04/2007, 11h55

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.

probleme de background sous mozilla et pas sous IE

HTML

Discussions similaires

Partager

Partager