Discussion :

[Antoon]

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 :

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

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

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

<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

[Bovino]

Code :

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

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

Tu as essayé sans autofermer le td :

Code :

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

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

[Antoon]

Un grand merci !

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

[Auteur]

bonjour,

bizarre ce this.src dans une balise TD 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 html :

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

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 javascipt :

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

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";
}

[Bovino]

bonjour,

bizarre ce this.src dans une balise TD 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 :

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

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