Variante du menu horizontal (tuto : Un menu déroulant en CSS et XHTML)

Bonjour,

j'aurai besoin d'aide à propos de la mise en place d'un menu horizontal comme présenté dans le tutoriel "Un menu déroulant en CSS et XHTML", seulement, pour mon projet, les menus "secondaires" s'ouvrent au dessus du menu principal, et pas en dessous.

C'est à dire que le menu 1 "dt" reste fixe et ouvrent ses sous menu "dd" au dessus de lui.

Sur quelles propriétés css je dois jouer pour faire cette modif ?

Merci !

Bonjour,

Le plus simple pour tout le monde serait d'avoir un exemple en ligne pour juger sur pièce, n'est-ce pas.

exemple visible à cette adresse :

http://ead.univ-angers.fr/~brillot/essai_css/

mon menu se situe un peu avant le bas de page

et vous pouvez voir que les sous menus se mettent bien au dessus mais décalent le menu vers le bas. hors, je voudrais que le menu ne bouge pas...

Bonsoir,

En déterminant un position relative a ton ul, tu pourrais avec un position:absolute avoir ton menu déroulant juste dessous (si j'ai bien compris)

Ce qui pourrait donner quelque chose comme ça :

#menu dd {
position:relative;
display: none;
border: 1px solid gray;
}

#menu ul {
position:absolute;
top:25px; /* Définir ici une valeur qui te convient */
}

Cela répond-il à ta question ?
Ceci dit, j'ai rarement vu la balise dt sous la balise dd (Definition Title sous Definition Description ? Cela semble sémantiquement incohérent).

Autre chose, pense à passer ton code html au validateur, il me semble y voir des choses un peu bizarre. Un code propre, permet de mieux contrôler l'apparence graphique grâce aux CSS.