[ABANDON] Bouger image voisine quand la souris passe sur un texte

Salut,

j'ai un menu composé d'images alignées verticalement et le texte correspondant à côté de chaque image.
J'ai fait un lien sur les images et les textes pour que l'on puisse cliquer sur l'image ou sur le texte.

Lors du passage de la souris sur l'image, j'ai fais un CSS pour que l'image bouge.

Mon problème :
Je voudrais que lorsque la souris passe sur le texte, ce ne soit pas le texte qui bouge mais seulement l'image associée (cf ici).

Savez comment faire, svp ?

Merci de votre aide !
Modifié par telecofr (05 Feb 2007 - 16:30)

Salut,

D'après ce que j'ai pu voir (si tu parles bien de ton menu vertical), il ne te reste pas grand chose à faire : tu as compris le fonctionnement.
Il sufit simplement de modifier l'arrière-plan sur l'élément a:hover.
Cela peut-être la même image déplacée ou bien une image différente, tu n'es pas bridé.
Modifié par Cygnus (18 Dec 2006 - 10:22)

mais l'image à côté du texte n'est pas sous le texte...

ce n'est pas l'arrière plan que je souhaite déplacer mais l'image à côté...

Merci de ton aide!

telecofr a écrit :
mais l'image à côté du texte n'est pas sous le texte...

ce n'est pas l'arrière plan que je souhaite déplacer mais l'image à côté...

Arrière-plan = image de fond = background ou background-image.

Il suffit d'appliquer une image de fond (non répétée, alignée à gauche) sur les liens du menu, et de modifier la position de cette image au survol (background-position).

Ce sera d'ailleurs plus "logique" vu que tes puces n'apportent rien à ton contenu...
Voici l'onglet de la FAQ à ce sujet : Balise <img> ou feuille de style ?

Modifié par Cygnus (20 Dec 2006 - 10:35)