Comment mettre du texte sur image de survol
Fermé
kimnormand
-
10 janv. 2010 à 21:53
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 - 11 janv. 2010 à 16:08
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 - 11 janv. 2010 à 16:08
A voir également:
- Comment mettre du texte sur image de survol
- Image iso - Guide
- Mettre un texte en majuscule - Guide
- Acronis true image - Télécharger - Sauvegarde
- Si cellule contient texte alors ✓ - Forum Excel
- Image de profil - Guide
4 réponses
notobe
Messages postés
1952
Date d'inscription
mercredi 11 novembre 2009
Statut
Membre
Dernière intervention
8 juillet 2011
213
10 janv. 2010 à 21:58
10 janv. 2010 à 21:58
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>
notobe
Messages postés
1952
Date d'inscription
mercredi 11 novembre 2009
Statut
Membre
Dernière intervention
8 juillet 2011
213
11 janv. 2010 à 15:53
11 janv. 2010 à 15:53
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
bg62
Messages postés
23590
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
15 avril 2024
2 362
11 janv. 2010 à 16:08
11 janv. 2010 à 16:08
regarde un peu ici (fouine ...) tu devrais trouver ton bonheur car la question a souvent été posée (à la limite change les mots clés ....)
