Pb curseur sur image
Résolu
Profil bloqué
-
avion-f16 Messages postés 19252 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 19252 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
j'apprend le XHTML et le CSS, et je voudrait savoir, comment faire pour que quand je met le curseur de la sourie sur l'image, elle change, par exemple sur une image le mot " accueil" n'est pas souligné(donc je refait une image ou il est souligné), et quand le curseur est dessus l'image ou c'est souligné apparaît.
j'apprend le XHTML et le CSS, et je voudrait savoir, comment faire pour que quand je met le curseur de la sourie sur l'image, elle change, par exemple sur une image le mot " accueil" n'est pas souligné(donc je refait une image ou il est souligné), et quand le curseur est dessus l'image ou c'est souligné apparaît.
A voir également:
- Pb curseur sur image
- Image iso - Guide
- Comment faire apparaître le curseur sans souris - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Légender une image - Guide
10 réponses
On parle d'image ou de texte ?
Car si tu regarde le menu juste au dessus, avec la liste des differents forum, ils se soulignent lorsque tu passe dessus... c'est un lien !
Car si tu regarde le menu juste au dessus, avec la liste des differents forum, ils se soulignent lorsque tu passe dessus... c'est un lien !
si tu vas dans le site du zéro a l'url ( http://www.siteduzero.com) dans la partie CSS tu trouveras ton bonheur en lisant bien il y a la réponse a ta question et de meilleur truc encore
j'apprend sur ce truc, mais je ne sais pas où c'est, si tu( ou quelqu'un d'autre) pouvait me donner le code, ca serait gentille.
Merci.
Merci.
Si tu utilises une image avec la balise <img />, tu dois utiliser du Javascript pour faire cette effet (rollover) :
<img src="img/menu/accueil_default.png" alt="Accueil"
onmousover="this.src = 'img/menu/accueil_hover.png';"
onmouseout="this.src = 'img/menu/accueil_default.png';"
/>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
ca ne marche pas très bien, quand j'ouvre la page, mon image est souligné(alor que je veut l'autre image, celle où le mot n'est pas souligné), et quand je met le curseur dessue, ca affiche l'autre image( celle ou le mot n'est pas souligné) et même si je bouge le curseur, l'image où le mot est souligné reste.
Tien regarde( c'est juste une page de teste car je suis en train d'apprendre donc il y a n'importe quoi d'écrie): http://vistlip.free.fr (tous en bas)
Tien regarde( c'est juste une page de teste car je suis en train d'apprendre donc il y a n'importe quoi d'écrie): http://vistlip.free.fr (tous en bas)
C'est que tu as mis de mauvaises url !
2° : l'image qui s'affiche quand le curseur au dessus
3° : image par défaut
<img src="img/menu/accueil_default.png" alt="Accueil"
onmousover="this.src = 'img/menu/accueil_hover.png';"
onmouseout="this.src = 'img/menu/accueil_default.png';"
/>1° : image par défaut
2° : l'image qui s'affiche quand le curseur au dessus
3° : image par défaut
déjà, il y a une erreur c'est:
onmouseoveret non:
onmousoverEt maintenant regarde comme ca fait: http://vistlip.free.fr tous en bas)
Déjà, il y a une erreur c'est: onmouseover et non: onmousover
Faute de frappe, ça arrive à tout le monde la preuve :
<img src="bouton1.jpg" alt="bouton-accueil"
onmouseover="this.src = 'bouton2.gif';"
onmouseout="this.src = 'buoton1.jpg';"
/>