Pb curseur sur image

Résolu
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 ! :.
Configuration: Windows Vista
Firefox 3.5.5

10 réponses

  1. 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 !
    1. 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.
      1. 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';" 
        />
        1. 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)
          1. 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
            1. 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';" 
              />
              1. 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.