[ résolu ] Sous-menu en 1 ligne

Bonjour,
Je suis en train de concevoir un sous-menu sur une ligne comme ceci.
upload/970-Sans-titre-1.gif" alt="upload/970-Sans-titre-1.gifupload/970-Sans-titre-1.gif" />

Le petit problème viens de la ligne du haut, qui n'est pas la même longueur que l'autre

J'ai dû faire une erreur au niveau de la css, .. sans que je la découvre.
Quelqu'un peut-il éclairer ma lanterne?

le code:

            <div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Bb</a></li>
<li><a href="#">Papa</a></li>
<li><a href="#">Mamam</a></li>
<li><a href="#">Oncle</a></li>

</ul>
</div>

#navlist
{
font: 15px/14px Tahoma, Lucida Grande, Arial, sans-serif;
padding-top:10px;
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid #FEE4DB;
width: 240px;
float:right;
}

#navlist li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid #FEE4DB;
float:right;

}

#navlist li a { text-decoration: none;
color:#87E3FE;
background:none; }

#navlist a:hover {
	text-decoration: none;
	background: none;
	color:#F86332;
}

Merci d'avance
Modifié par dups (31 May 2006 - 22:36)

Salut dups,

J'ai rapidement regardé ton problème ...
Et je pense qu'il vient tout simplement du fait que tu affectes une bordure basse à un élément qui n'a pas de padding et une bordure haute à un élément qui lui, en possède un.

#navlist{
[b]padding-left: 0;[/b]
border-bottom: 1px solid #FEE4DB;
}

#navlist li{
[b]padding: 0.25em;[/b]
border-top: 1px solid #FEE4DB;
}

Pourquoi ne pas mettres le border-top et le border-bottom sur le même élément ?
Cela devrait régler ton problème. Ce qui te donnerai :

#navlist{
padding-left: 0;
[b]border-bottom: none;[/b]
}

#navlist li{
padding: 0.25em;
[b]border-top: 1px solid #FEE4DB;
border-bottom: 1px solid #FEE4DB;[/b]
}

Voilà,
Normalement ça devrait régler ton problème !

Modifié par Cygnus (31 May 2006 - 00:35)