Menu déroulant ! [RESOLU]

Bonjour ,

Voilà, ca fait 2 heures que je me casse la tête pour faire un menu déroulant avec des images mais comme je suis nul en css je ne pense pas y arriver tout seul.

je voudrais faire un menu déroulant basé sur ce modèle là :

http://marcarea.com/tuto/menu-deroulant-css/
http://marcarea.com/code/css/menu/menu01test.html

Sauf qu' à la places des "parties" je voudrais y mettre des images. Idem pour les sous parties.

J'ai testé avec une partie en mettant ceci :


</ul>
</li>
<li><a href="#" ><img src="Projet2\Icones\XXXX.png" alt="XXXX"/>

</a></li>
</ul>

Mais l'image ne s'affiche pas dans le navigateur.

QQ'un aurait une solution SVP ?
Modifié par geopl (08 Jan 2010 - 11:00)

Bon en fait ça à l'air de marcher (pour l'instant ! )

J'ai ajouté l'image manuellement à l'aide de la section "création" de Dreamweaver.

Je rencontrerais surement d'autres problèmes plus important par la suite !

Bon ben voilà les ennuies commencent !

Je n'arrive pas à cadrer correctement mes séctions. Je voudrais les placer précisemment.
En plus, ça forme comme un bloc...enfin c'est galère !



Voilà tout les infos sont réunis !
Si qq'un à une solution ce serait sympa !

Bon j'ai réussi à cadrer dans Dreamweaver ce qui n'est pas si mal !
J'ai utilisé id: dans le HTML et #XXXX dans le css.

Problème !!!

Dans firefox et google chrome c'est mal placé mais j'ai accès au déroulé.
Dans Internet explorer c'est placé comme je voulais, le déroulé s'affiche en survolant une icône mais disparaît tout de suite après. Donc, pas accès au sous menu...

QQues captures pour illustrer mon problème :











J'espere qu'un âme charitable et talentueuse aura une réponse !



PS : Je remarque aussi qu'avec firefox le navigateur n'affiche pas les bonnes captures d' écran. Mais avec Internet Explorer ça marche.
Modifié par geopl (07 Jan 2010 - 16:15)

Bonjour,

geopl a écrit :
Voilà, ca fait 2 heures que je me casse la tête pour faire un menu déroulant avec des images mais comme je suis nul en css je ne pense pas y arriver tout seul.

Être nul en HTML, CSS ou JavaScript et réaliser un menu déroulant correct, c'est juste pas possible. Toutes mes condoléances.

Suggestion: ne pas faire de menu déroulant.

Heureusement que tout le monde ne pense pas comme vous ! Avec des heures de travail j'ai enfin réussi.

Merci quand même !

geopl a écrit :
Heureusement que tout le monde ne pense pas comme vous !

Il voulait juste te donner à entendre que le HTML, les CSS et JavaScript, ça s'apprend (ce site comporte, d'ailleurs, de nombreux tutoriels utiles) et que, sans solides connaissances de base de ces trois langages, on ne peut pas créer un menu déroulant sans y passer des heures ou sans se passer de Dreamweaver (ou de tout autre éditeur WYSIWYG).

Petite précision : On ne peut pas créer de menu déroulant interropérable, accessible et fiable.

geopl a écrit :
Heureusement que tout le monde ne pense pas comme vous !

Oui, je serais moins tranquille.

geopl a écrit :
Avec des heures de travail j'ai enfin réussi.

Maintenant, êtes-vous en mesure d'estimer la qualité de ce que vous avez réussi? Est-ce utilisable sur un navigateur mobile (même un très capable comme Safari Mobile ou Opera Mobile)? Est-ce utilisable en navigation au clavier?

Quand on est débutant, en se limitant à des menus de navigation simple, on évite ce type de problème, et on produit au final un site de meilleure qualité.
Bricoler un menu déroulant simpliste, c'est un exercice intéressant quand on débute. Mais si ce menu atterrit sur un site qui n'est pas un exercice mais un vrai site avec de vrais enjeux de communication, là ça devient problématique.

Laurie-Anne a écrit :
Petite précision : On ne peut pas créer de menu déroulant interropérable, accessible et fiable.

Je ne suis pas tout à fait d'accord. On peut faire les choses très bien. Cela demande juste pas mal d'expertise, et le respect de bonnes pratiques en la matière.