Background + Onmouseover + Texte

Bonjour,

J'ai crée un menu sur mon site (http://www.antoon.fr)

Je voudrai réaliser une image de background qui se change au passage de la souris

Code:

---

<img src="images/menu02.gif" width="149" height="34" border="0" alt="Accueil" onMouseOver="this.src='images/menu02_2.gif'" onMouseOut="this.src='images/menu02.gif'" />

---

Mais je voudrai placer du texte en HTML à l'interieur de cette image.

J'ai bien essayé ca :

Code:

---

<td background="images/menu02.gif" width="149" height="34" border="0" alt="Accueil" onMouseOver="this.src='images/menu02_2.gif'" onMouseOut="this.src='images/menu02.gif'" />Mon Texte</td>

---

Mais ca fonctionne pas

Comment dois je faire svp ?

@+ @ntoon

Code:

---

<td ... />Mon Texte</td>

---

:nono:
Tu as essayé sans autofermer le td :

Code:

---

<td background="images/menu02.gif" width="149" height="34" border="0" alt="Accueil" onMouseOver="this.src='images/menu02_2.gif'" onMouseOut="this.src='images/menu02.gif'">Mon Texte</td>

---

Un grand merci !

Maintenant j'arrive pas à mettre du texte et que l'image bouge quand même.

bonjour,

bizarre ce this.src dans une balise TD :koi: Cette syntaxe serait valable si la balise TD avait l'attribut src ce qui n'est pas le cas...
De même la balise TD n'a pas d'attribut alt.

Code:

---

1 2 3 4

<td style="background-image:url('images/menu02.gif'); width:149px; height:34px" onmouseout="mouseOut(this)" onmouseover="mouseOver(this)"> Mon Texte </td>

---

puis les fonctions javascript :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

function mouseOver(cellule) { cellule.style.backgroundImage = "url('images/menu02_2.gif')"; cellule.innerHTML = "Ceci est le 2nd texte";   }   function mouseOut(cellule) { cellule.style.backgroundImage = "url('images/menu02.gif')"; cellule.innerHTML = "Mon texte"; }

---

Citation:

---

Envoyé par Auteur

bonjour,

bizarre ce this.src dans une balise TD :koi: Cette syntaxe serait valable si la balise TD avait l'attribut src ce qui n'est pas le cas...
De même la balise TD n'a pas d'attribut alt.

---

J'imagine que Antoon s'est contenté de changer le nom d'une balise img en td sans se soucier du reste...
Essaye :

Code:

---

<td><img src="images/menu02.gif" width="149" height="34" border="0" alt="Accueil" onMouseOver="this.src='images/menu02_2.gif'" onMouseOut="this.src='images/menu02.gif'" />Mon Texte</td>

---