A voir également:
- Comment mettre du texte sur image de survol
- Extraire texte d'une image - Guide
- Comment mettre un texte en majuscule - Guide
- Image iso - Guide
- Insérer une image dans word sans bouger le texte - Guide
- Comment mettre une image en filigrane sur word - Guide
4 réponses
Du rollover se fait normalement avec la pseudo-classe CSS :hover (quelque soit l'éditeur html.)
Mais ce que vous nous indiquez est un peu court.
Peut-on avoir l'extrait du code et un peu plus de détails ?
PS : vous devriez changer de navigateur, ou au moins mettre IE à jour...
Mais ce que vous nous indiquez est un peu court.
Peut-on avoir l'extrait du code et un peu plus de détails ?
PS : vous devriez changer de navigateur, ou au moins mettre IE à jour...
ok
jai un menu a la vertical fait avec des images: image1.jpg et image de survol: image2.jpg. Les images sont placé une a la suite de l'autre avec des cellules de mise en forme.
je suis désolé, jai un peu de difficulté a expliqué!
voici le code: (je ne suis pas très bonne en code,en fait je suis très débutante donc je vous donne ca)
<tr>
<td width="67" height="48" valign="top"><img src="images/menuhaut-fleur_01.jpg" width="67" height="48"></td>
<td colspan="2" valign="top"><img src="images/menuhaut-fleur_02.jpg" width="117" height="48"></td>
<td width="116" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image18','','images/menuhaut_01-over.jpg',1)"><img src="images/menuhaut_01.jpg" alt="Accueil" name="Image18" width="116" height="48" border="0" href="#"></a></td>
<td width="116" valign="top"><img src="images/menuhaut_01.jpg" width="116" height="48"></td>
<td width="116" valign="top"><img src="images/menuhaut_01.jpg" width="116" height="48"></td>
<td colspan="2" valign="top"><img src="images/menuhaut_01.jpg" width="116" height="48"></td>
<td width="10" valign="top"><img src="images/tete_09.jpg" width="10" height="48"></td>
jai un menu a la vertical fait avec des images: image1.jpg et image de survol: image2.jpg. Les images sont placé une a la suite de l'autre avec des cellules de mise en forme.
je suis désolé, jai un peu de difficulté a expliqué!
voici le code: (je ne suis pas très bonne en code,en fait je suis très débutante donc je vous donne ca)
<tr>
<td width="67" height="48" valign="top"><img src="images/menuhaut-fleur_01.jpg" width="67" height="48"></td>
<td colspan="2" valign="top"><img src="images/menuhaut-fleur_02.jpg" width="117" height="48"></td>
<td width="116" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image18','','images/menuhaut_01-over.jpg',1)"><img src="images/menuhaut_01.jpg" alt="Accueil" name="Image18" width="116" height="48" border="0" href="#"></a></td>
<td width="116" valign="top"><img src="images/menuhaut_01.jpg" width="116" height="48"></td>
<td width="116" valign="top"><img src="images/menuhaut_01.jpg" width="116" height="48"></td>
<td colspan="2" valign="top"><img src="images/menuhaut_01.jpg" width="116" height="48"></td>
<td width="10" valign="top"><img src="images/tete_09.jpg" width="10" height="48"></td>
Bon, là j'ai un peu de mal, car les noms de fichiers que vous donnez (image1 et image2) ne correspondent en rien au code.
Et vous indiquez que c'est pour un menu, et je ne vois aucun lien...
Le menu dont vous parlez est-il un bien menu de navigation ?
Si oui, le principe est le suivant :
- dans le code html, vous mettez votre texte à mettre en lien.
- dans le code CSS, vous indiquez les deux images de fond : celle par défaut, et celle qui apparaîtra au survol de la souris.
Un tuto pour débutant pour le principe de base (qui est à adapter aux souhaits)
https://openweb.eu.org/articles/bouton_css/#boutonniere
Et vous indiquez que c'est pour un menu, et je ne vois aucun lien...
Le menu dont vous parlez est-il un bien menu de navigation ?
Si oui, le principe est le suivant :
- dans le code html, vous mettez votre texte à mettre en lien.
- dans le code CSS, vous indiquez les deux images de fond : celle par défaut, et celle qui apparaîtra au survol de la souris.
Un tuto pour débutant pour le principe de base (qui est à adapter aux souhaits)
https://openweb.eu.org/articles/bouton_css/#boutonniere
