Menu

Bonjour, je suis actuellement sur un menu, le menu et deja fait, jai deja les images, tot est pret, mais je voudrais qu'il se passe quelque chose quand jy passe la souris, un changement de couleur, quelque chose, que puije faire?

Salut et bienvenue ici,

le mieux est quand meme qu'a defaut de donner une URL tu donnes le code du menu pour te faire aider au mieux.

Ton menu doit contenir des lien ?

tu écris en CSS, apres avoir donné l'identité "tonmenu" au conteneur de ton menu (généralement une liste (UL / OL)) :

HTML

<ul id="tonmenu">
<li><a href="#" title="">Lien 1</a></li>
<li><a href="#" title="">Lien 2</a></li>
<li><a href="#" title="">Lien 3</a></li>
</ul>

CSS

ul#tonmenu li a {color: white}
ul#tonmenu li a:hover {color: red}

Comme ça tes liens sont rouge au survol.

Je te conseille vivement d'aller faire un tour dans la FAQ, il y a tout ce que tu cherches...
Modifié par Hum (03 Feb 2007 - 18:58)

http://www.aikidolanester.monforum.net/test/index.html

voila, c'est essentiellement le menu du haut ou je voudrai que l'on remarque que la osuris pase par la.

merci pour ces quelques precision, si ya dautres avis...

Tu parles de "Accueil, depannage....." ?

<div id="bloc_menu">
			<ul>
<li><img src="images/accueil.png" alt="" width="205" height="35" /></li>
<li><img src="images/informations.png" alt="" width="205" height="35" /></li>
<li><img src="images/produits.png" alt="" width="205" height="35" /></li>
<li><img src="images/contactez_nous.png" alt="" width="201" height="41" /></li>
</ul>

Il y a des images dans les <li> mais elles sont pas dans des liens (<a>).
Si tu veux de la couleur au survol il te faudra intégrer les images en background des <a> et faire des images differentes pour leurs etat en survol (sur l'état :hover des <a>).

Un truc du genre (exemple pour le premier lien) :

HTML

<div id="bloc_menu">
<ul>
<li>
<a id="accueil" href="" title="Accueil">
Accueil
</a>
</li>
</ul>

CSS

div#bloc_menu ul li a#accueil {background: url(./images/accueil.jpg)
width:205; height:35; text-indent: -2000px}

div#bloc_menu ul li a#accueil:hover {background: url(./images/accueil_hover.jpg)
}

le text-indent est pour "chasser" le texte mis dans le <a>, qu'il soit présent mais invisible, que le lien ne soit pas vide.

Pareil pour les autres liens.