Menu horizontal

Bonjour,
j'ai un menu horizontal et les sous menu apparaissent en vertical alors que j'aimerais que les éléments du sous-menu apparaissent au-dessous mais, sur une ligne. Que faut-il modifier dans mon fichier CSS ???
merci

Salut,

Sans code et sans exemple en ligne, sans savoir sur quelle base tu as construit ton menu, bref, sans aucune précision, difficile de t'aider.

Je vais tenter un tour de magie, en attendant les infos complémentaires ...

Réponse : en appliquant "display: inline;" aux <li> des sous-menus ?

Hello et bienvenue

Est-ce que par hasard tu ne chercherais pas quelque chose dans ce genre ?

Bonjour merci pour vos réponses,
j'ai essayé le : display: inline;

mais, aucun effet...est-ce qu'il est annulé par un autre paramètre ???

ci-dessous mon fichier CSS

body {
padding: 0;
background: #807715;
font: 70% verdana, arial, sans-serif;
}
#menu {
position: relative;
width:690px;
display: block;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
height: 20px;
list-style-type: none;
}
#menu dl {
float: left;
width: 10em;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #E1B21A;
border: 1px solid gray;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
display: inline;
text-align: center;
background: #C4641F;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0px none;
}
#menu li a:hover, #menu dt a:hover {
background: #C88A2F;
border-bottom:5px solid orange;
}

Modifié par nrju (29 Mar 2007 - 13:07)

Salut,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation

nrju a écrit :
j'ai essayé le : display: inline;

mais, aucun effet...est-ce qu'il est annulé par un autre paramètre ???

Non. Par contre, les liens à l'intérieur des li sont en display: block, donc passent à la ligne. Du coup le display: inline ne sert plus à rien, même s'il n'est techniquement pas « annulé ».