Discussion :

[solawe]

Bonjour,

j'utilise un tableau pour mes menus,chaque case du tableau a une image comme background,je cherche comment faire pour changer ce background une fois on pose la souris sur la case (onmouseover),j'ai fais :

Code :

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

<td class="topnav" onmousemove="this.style.className=topnav2">

mais ça ne veux pas marcher

merci d'avance

[HiRoN]

En rajoutant des simples quotes ?

Code :

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

1
2
<td class="topnav" onmousemove="this.style.className='topnav2'">

[solawe]

meme si j ai ajouté les cotes àa marche pas!!!

[kaari kosaku]

On est dans css non ? Alors tu rajoute ça dans ton fichier externe :

Code :

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

1
2
3
4
 
td:hover {
background-image : url("./machin/truc/fond.jpg") ..... ;
}

Voilà c'est tout.
Dis-moi si sa marche.

[solawe]

Bonjour,

merci pour la réponse,je vais tester ta solution demain à la 1ere heure,car la j'ai quitté le boulot.j'espere que ça va marcher,je te tiens au courant.

grand merci

[solawe]

Bonjour,

j'ai testé la solution :

Code :

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

1
2
3
td:hover {
background-image: url(icon_grad3.gif);
}

mais ça marche toujours pas!

[Er3van]

C'est normal que ça ne marche pas, les pseudo-élements ne sont pas pris en compte par tous les navigateurs, notamment IE6.

Direction JS donc...

Et si ta fonction ne marche pas, et que td:hover ne marche pas sur FF, pose toi la question de savoir si l'url de l'image est la bonne, si l'extension est bonne, idem pour la casse ( .GIF != .gif )

[solawe]

En fait j'ai découvert que cette solution ne marche que sous firefox!!

moi je veux utiliser IE

[Er3van]

Comme je viens de le dire, sous IE 6 les pseudo-éléments, comme :hover, ne fonctionne pas.

Si tu veux le même effet, il te faut passer par du JavaScript.
Adresse toi à ce forum si ta fonction JS ne fonctionne toujours pas.

[solawe]

peux tu m'indiquer la fonction la syntaxe de la fonction javascript que je dois utiliser

merci bcp

[Er3van]

Je pense qu'avec l'événement onmouseover, et non onmousemove, ça ira mieux :

Code :

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

<td class="topnav" onmouseover="this.style.className='topnav2'">

[franculo_caoulene]

Salut,

onmouseover pour changer le fond et onmouseout pour revenir à l'état d'origine.

[solawe]

Salut,
meme avec la solution en javascript ça marche pas sous IE.ça ne marche que sous Mozilla

[solawe]

Bonjour,

je suis toujours bloqué sur ce probleme,vous n'avez pas d'autres idées svp?

merci

[Orgied]

Simple question : pourquoi veux tu changer le background de ton td ? Y aurait il un lien à l'intérieur, par hasard ? Si c'est le cas, aimerais tu que ce lien change de background au passage de la souris ?

Si c'est le cas, nul besoin d'un td. A la base, un lien, grâce à la propriété Display: block; prend la forme d'une cellule de tableau. Et dans ce cas, tu as ta réponse.

[solawe]

Bonjour,

merci Orgied pour la réponse,
certainement,j'ai un lien à l'intérieur du td,

peux tu m'expliquer ta solution stp?

merci beaucoup.