Discussion :

[mackean]

Bonjour,
Je débute dans la programmation internet ( je suis encore étudiant). J’essai actuellement de me former tout seul mais je dois avouer que c’est relativement difficile. Je suis tombé sur votre site et après avoir parcouru quelques topics, je l’ai trouvé vraiment sympathique. Je me suis alors dis que pour progresser, il été important que je puise vous faire part de mes difficultés. J’en arrive au vif du sujet :
Je suis en train de voir les bases et j’aimerais faire une rollover simple sur une image pour qu’une autre apparaisse a la place. Je crois savoir que ce n’est pas compliqué mais je n’y suis pas arrivé. Pourriez-vous m’aider ?

Voici le code de base :

<td> <a href="http://www.magelyos.com/reseau.htm"><img src="images/co_pharaoh_35-mick_31.jpg" alt="" width="191" height="24" border="0"></a></td>

Et j’aurais aimé remplacer l’image par une autre quand la souris passe dessus.
Merci d’avance.

[kalyparker]

Bonjour,

ce topic pourra surement t'aider

http://www.developpez.net/forums/sho...light=rollover

a l'avenir essaye de mettre un intitulé de message un peu plus clair

[mackean]

merci pour ta réponse.

[blueice]

Déja pour bien commencer, oublie les tableaux pour faire ta mise en page, on ne doit utiliser les <table> que pour présenter des données tabulaires et uniquement pour celà.

Maintenant pour ton rollover ca se passe en CSS, il te suffit de créer une image avec les deux états, tiens voici un exemple :
http://www.dimension-internet.com/dev/rollover/

Tu as ici un menu avec une image présentant trois états (normal, survolé et cliqué), ce qui pourra te servir, mais le principe est le même pour une simple image, deux états (normal et survolé), il suffit d'adapter la feuille de style CSS.