Discussion :

[heteroclite]

Bonjour,

je voudrais utiliser la fonction onmouseover...mais ça marche pas ?
Une idée du problème ?

Merci

Code :

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

1
2
3
Entretien</a></td><td><a href="page1.php"onmouseover="this.style.color='red'"
   onmouseout="this.style.color='blue'"
<img src="images/2ndmenu_arrow.gif?template=aa-11&colorScheme=red&header=headers1&button=buttons1" width="28" height="5" border="0" alt=""></a></td></tr><tr><td colspan="2" class="secondmenudivider" style="background-image: url('images/2ndmenu_divider.gif?template=aa-11&colorScheme=red&header=headers1&button=buttons1'); background-position: top left; background-repeat: no-repeat;"></td></tr></table><table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td width="100%"

[Madfrix]

Tu n'as pas fermé ta balise après "blue". Quel est l'intérêt sinon de vouloir la couleur d'une image vu que c'est impossible ? Mets du texte à la place de ton image et ton code marchera

Code :

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

1
2
 
<a href="page1.php" onMouseover="this.style.color='red';" onMouseout="this.style.color='blue';">Lien</a>

[heteroclite]

Bonjour,

Merci pour cette réponse c'etait effectivement une erreur balise !
Mais j'ai encore une question !
Est que ci on veut généraliser cette option pour les menus du site est ce que l'on peut inserer cette fonction "onmouseover" ou l'équivalent dans le css ?

Par exemple moi j'ai un css qui decrit le menu comme ci desssous. Est ce possible de mettre cette fonction dedans et si oui où ?
Merci d'avance pour votre aide !

Code :

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

1
2
3
4
5
6
td.menuitem { color:#ffffff; white-space:nowrap; font-weight:bold; text-align:left; vertical-align:bottom; padding: 0px 5px 3px 10px; font-family: Tahoma, sans-serif; font-size:8pt; }
td.menuitemactive { color:#333333; white-space:nowrap; text-align:left; vertical-align:bottom; padding: 0px 5px 3px 10px; background-color: #e7f7e8; font-family:tahoma,arial; font-size:8pt; }
td.menumark { vertical-align:bottom; }
td.menumarkactive { vertical-align:bottom; background-color: #e7f7e8; }
a.menuitem { text-decoration:none; color:#ffffff; }
a.menuitemactive { text-decoration:none; font-weight:bold; color:#333333; }