Menu déroulant en CSS et XHTML

Bonjour,

j'ai créé un menu déroulant en CSS et XHTML via le tutoriel de ce site et je bute sur deux petit problemes :

1. Le menu news ne s'affiche pas comme accueil
2. Idem pour le menu contact, qui lui en plus est de taille variable (on le constate quand on fait varier la taille de la fenetre du navigateur)

Pouvez vous me dire ce qui ne va pas svp ? Voici la page :

http://www.nicoco.free.fr/temp/accueil.html

Merci d'avance !
Modifié par barthoose (05 Aug 2005 - 21:09)

Bonsoir.
Je ne suis pas certain qu'il soit bon de faire, pour un menu horizontal, un mélange de listes de définitions et de listes non ordonnées. Pourquoi ne fais-tu pas tout en liste non ordonnée ? <ul><li></li></ul> plutôt que de définition <dl><dt></dt><dd></dd></dl> et encore moins ( à mon sens ) un mélange : <dl><dt><ul><li></li></ul></dt></dl>

<ul #menu>
<li>comme</li>
<li>ça</li>
<li>c'est</li>
<li>simple</li>
</ul>

/* et si tu as besoin d'imbrications : */

<ul #menu>
<li>tete</li>
<ul #listecachee>
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ul>
</ul>

Ta méthode doit être agréable quand on est un peu masochiste et je ne pense pas que tu aies vu ça dans un tutoriel de chez Alsacréations..

Bonjour,

merci pour votre réponse.
J'avais trouvé une solution à mon probleme :

http://www.nicoco.free.fr/temp/accueil-new.html

J'ai testé avec vos recommandations, mais celà donne un menu vertical :

http://www.nicoco.free.fr/temp/test.html

Aurais je oublié quelque chose ?
Modifié par barthoose (10 Aug 2005 - 11:41)

dans ton CSS :

#menu li {
   display: block ;
   float: left ;
   }

Modifié par Sopo (10 Aug 2005 - 12:08)

Sopo a écrit :
dans ton CSS :

#menu li {
   display: block ;
   float: left ;
   }

C'est une redondance : un élément flottant est automatiquement converti en bloc

Ah ! Content de l'apprendre ! J'étais justement en train d'en mettre un peu partout !

Merci pour vos contributions.

Je suis un débutant en CSS, et j'ai suivi vos conseils :

http://www.nicoco.free.fr/temp/accueilv4.html

Maintenant, je cherche à centrer ce menu...
J'ai testé ceci, sans succès http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS

Quelqu'un aurait il une idée ?

Merci

barthoose a écrit :

Maintenant, je cherche à centrer ce menu...
J'ai testé ceci, sans succès http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS

Quelqu'un aurait il une idée ?

Oui, en nous montrant comment tu as procédé, on peut t'aider et voir ce que tu as mal réalisé

euh, tout est ici : http://www.nicoco.free.fr/temp/accueilv4.html
Sur cette page, je n'ai pas mis les modifs du tutoriel pour centrer, vu que ca ne change rien...

Voici ce que j'ai fait

http://www.nicoco.free.fr/temp/test.html

Le tutoriel fonctionne bien... à condition de ne pas tout mélanger : si tu cumules le positionnement absolu et les marges auto ça ne va pas fonctionner.

- soit tu laisses en flux (sans positionnement absolu) et tu centres avec mes margin auto
- soit tu positionnes en absolu, mais avec l'astuce des marges négatives

MERCI