18041 sujets

Questions générales et questions de débutants

Modification couleur texte en même temps que cellule en rollover

Bonjour,

je souhaite modifier le code suivant pour que le texte qui se situe dans la cellule change de couleur en même temps que la cellule lors d'un rollover sur celle-ci.

Mon code actuel : (la couleur ce modifie dans la cellule)
Code :


<td width="170" align="left" valign="top" bgcolor="#EAEAEA" onMouseOver="this.style.backgroundColor='#E85412'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='#EAEAEA'">
<table width="160" border="0" cellpadding="0" cellspacing="5">
<tr>
<td bgcolor="#FFFFFF"><a href="#" target="_blank"><img src="capture/monimage.jpg" width="160" height="100" border="0"></a></td>
</tr>
<tr>
<td><span class="Style1">blablabla</span><br>
<span class="Style3">blablabla</span> </td>
</tr>
</table>
</td>


J'ai trouvé un code similaire à ce que je veut faire; mais il ne s'adapte pas à mon cas.

le code trouvé : (la couleur ce modifie sur le texte et dans la cellule)

Code :


<td bgcolor="#0066FF" ;
onMouseOver = "this.style.color = 'red';
this.style.background='black'"
onMouseOut = "this.style.color = 'black';
this.style.background='red'">blablabla</td>


Là le texte ce situe dans la balise <td>, mais lorsque l'on imbrique un tableau, l'effet ne marche plus.
Je souhaite garder la même structure de tableau présent dans mon code avec l'effet de changement sur le texte en même temps que le fond de cellule.

Je me demande si c'est possible de remplacer THIS par un une variable qui cible les balises <span>. Est-ce possible ?

Merci d'avance pour vos réponses



"Je m'excuse d'avance pour le code affiché, je ne connaît pas le protocole sur ce forum"
Je n'avais pas vu le bouton code... je m'en excuse... Je recommence mon message !

je souhaite modifier le code suivant pour que le texte qui se situe dans la cellule change de couleur en même temps que la cellule lors d'un rollover sur celle-ci.

Mon code actuel : (la couleur ce modifie dans la cellule)


<td width="170" align="left" valign="top" bgcolor="#EAEAEA" onMouseOver="this.style.backgroundColor='#E85412'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='#EAEAEA'">
<table width="160" border="0" cellpadding="0" cellspacing="5">
<tr>
<td bgcolor="#FFFFFF"><a href="#" target="_blank"><img src="capture/monimage.jpg" width="160" height="100" border="0"></a></td>
</tr>
<tr>
<td><span class="Style1">blablabla</span><br>
<span class="Style3">blablabla</span> </td>
</tr>
</table>
</td>


J'ai trouvé un code similaire à ce que je veut faire; mais il ne s'adapte pas à mon cas.

le code trouvé : (la couleur ce modifie sur le texte et dans la cellule)


<td bgcolor="#0066FF" ;
onMouseOver = "this.style.color = 'red';
this.style.background='black'"
onMouseOut = "this.style.color = 'black';
this.style.background='red'">blablabla</td>


Là le texte ce situe dans la balise <td>, mais lorsque l'on imbrique un tableau, l'effet ne marche plus.
Je souhaite garder la même structure de tableau présent dans mon code avec l'effet de changement sur le texte en même temps que le fond de cellule.

Je me demande si c'est possible de remplacer THIS par un une variable qui cible les balises <span>. Est-ce possible ?

Merci d'avance pour vos réponses
Sujet clos
Aller à