Changement d'image au survol

Bonjour

Je m'escrime à tenter de transformer ma page d'accueil sans utiliser Java... et je n'arrive pas à trouver le bon code CSS de façon à ce que la page soit lisible sur Firefox, IE, Netscape, etc.
Le code qui fonctionne actuellement est le suivant :
<A HREF="index.htm"
ONMOUSEOUT="MM_swapImgRestore()" ONMOUSEOVER="MM_swapImage('Image19','','Images/menus/accueil_up.gif',1)">
<IMG NAME="Image19" BORDER="0" SRC="Images/menus/accueil_on.gif" WIDTH="86" HEIGHT="47"></A>
Pouvez-vous m'aider à trouver la bonne formulation sur html et css ?
Merci d'avance !

Salut,

Déja, en tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation



De plus, pour que nous puissions t'aider, il serait bon que tu nous dise ce que tu cherche à obtenir... Sans cela il risque d'être impossible de t'aider.

a écrit :
Merci d'avance !

Et inutile de t'énerver, tu risque de ne pas donner envie aux membres qui passeront pour t'aider.
Modifié par Mikachu (03 Sep 2007 - 21:18)

Désolé, mais je ne suis pas sûr d'avoir tout compris de l'affichage du code.
Je recommence mon explication :
J'ai une page qui fonctionne comme je le souhaite en Javascript. Une image (choix de menu : accueil_up) s'affiche et se modifie en accueil_on lors du survol par la souris. Il y a un lien avec la page index.htm.
Le code est celui-ci :
[code]HTML
href="index.htm" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image20','','Images/accueil_up.gif',0)">
<img name="Image20" src="Images/accueil_on.gif"
border="0" height="47" width="86"></a>
Je voudrais obtenir la même chose en CSS sans utiliser Javascript.
Et je suis très calme, mais je n'avais simplement pas vu s'afficher les
et n'avais pas cliqué sur "prévisualiser"!

Je parlais donc (LIEN ICI >>>) d'éditer ton message (<<< LIEN ICI) pour entourer ton morceau de code par les balises appropriées qui sont montrée sur l'image ci dessous :


Ton code commencera donc par [ code] et finira par [ /code]
(sans les espaces à l'intérieur des crochets)

Merci de prendre la peine de modifier celà, cela incitera certains membres à prendre la peine de te répondre.

Mille excuses, j'avais loupé la fermeture du code et du coup, je ne comprenais pas !

<a href="index.htm" 
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image20','','Images/accueil_up.gif',0)">
<img name="Image20" src="Images/accueil_on.gif"
border="0" height="47" width="86"></a>
<a href="index.htm"> </a>

C'est mieux comme ça ?
Donc, j'ai 2 images de même taille :
"accueil_on " et "accueil_up",
je souhaite commander l'apparition de la 2e par le survol et mettre un lien avec une page, en l'occurence index.html.