Pb curseur sur image
Résolu
Profil bloqué
-
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 19182 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.
--
.: itsuki power shunyuu ! :.
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.
--
.: itsuki power shunyuu ! :.
Configuration: Windows Vista Firefox 3.5.5
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 ! -
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. -
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) -
C'est que tu as mis de mauvaises url !
<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:
onmouseover
et non:onmousover
Et 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';" /> -
Ha, bah on a fait tous les deux une erreur qui nous a été fatal^^.
Voila maintenant ça marche.
Merci beaucoup Avion-f16.
ps: j'ai mis un commentaire sur ton site. -
Ok, merci pour le commentaire