Menu horizontal avec images

Bonjour,
je suis entrain de faire mon site internet, je voudrais mettre le menu horizontal qui remonte mais à la place des lettres je voudrais insérer une image par menu qui changent de couleur au passage de la souris (Highlight image).

Est ce que cela est faisable? si oui, svp svp svp, quelqu'un peu m'aider?

j'ai essayé et essayé mais je n'y arrive pas

Merci infiniment
Modifié par Gigablast (01 Feb 2008 - 10:05)

Bonjour,

À priori il te faut deux images pour chaque lien du menu. Tu places la première image dans le code HTML, et la seconde sera appelée au survol via Javascript.

Le code HTML de base pourra être comme suit:

<ul id="nav">
	<li><a href="/accueil.html"><img src="/images/menu-accueil-1.png" alt="Accueil" /></a></li>
	<li><a href="services.html"><img src="/images/menu-services-1.png" alt="Nos services" /></a></li>
	<li><a href="contact.html"><img src="/images/menu-contact-1.png" alt="Nous contacter" /></a></li>
</ul>

Ne manque plus qu'un peu de CSS éventuellement, et la surcouche Javascript pour rendre les images réactives.

Merci infiniment Florent V.
Je peux prendre le CSS du menu qui est sur le site Alsacréations?

http://css.alsacreations.com/xmedia/exemples/deroulant/menu-horizontal3.htm

Et que veux tu dire par : surcouche Javascript pour rendre les images réactives?

je ne connais pas grande chose mais si j'ai les élements je sais les appliquer, enfin je pense...

Millions de mercis!!!!

Pour donner une idée, je veux le même menu - aussi en bas de page -mais sans l'application flash
Modifié par Gigablast (01 Feb 2008 - 22:26)

Ah d'accord, j'avais pas compris ce que désignait «le menu qui remonte» dans ton premier message.

En gros, tu veux un menu déroulant, placé en bas de page et avec les sous-menus qui s'affichent au dessus des intitulés de rubrique?
Bon, ben tu peux oublier ce que j'ai écrit plus haut, ou presque.

Le problème des menus déroulants, mis à part les problèmes d'ergonomie ou d'accessibilité qu'ils peuvent occasionner, c'est que c'est un peu prise de tête à mettre en place.

Pour commencer, il faut trouver un bon menu déroulant «prêt à l'emploi». Et là, ceux proposés actuellement sur Alsacréations font un peu triste figure... on aura plutôt intérêt à aller chercher ailleurs quelque chose qui tienne mieux la route.

Ensuite, quand on a trouvé ce qu'on cherchait, il faut être capable de l'intégrer à son site, et de l'adapter à ses besoins ou à ses envies. Et là, ça demande:
- d'avoir une connaissance correcte de HTML;
- d'avoir une bonne connaissance de CSS;
- de connaitre les bases de Javascript.

Bref, il faut être un petit peu intégrateur web, sinon ça peut marcher, mais on peut aussi se planter et se retrouver le bec dans l'eau sans trop savoir quoi faire.

Voilà pourquoi je conseillerais aux débutants de ne pas s'attaquer aux menus déroulants mais d'imaginer d'autres moyens de navigation plus simples et autant que possible aussi efficaces pour leur site.

Merci de ta réponse.
Je vais essayer de me débrouiller, car je suis têtue et je sais que je peux réussir à le mettre en place.
Merci tout de même
Modifié par Gigablast (01 Feb 2008 - 19:19)