Menu horizontal .

loicdu

21 May 2005 à 17:21

LO;

Je découvre votre forum qui m'allère de top qualité:: Smiley langue

Voila un petit problème de marge dans mon menu.
Est-il possible d'aligner ce derniers tout en haut et à gauche ?
j'ai enlevé certaine marges, mais rein ne change. le code


<body>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>

</body>

et en css




#navcontainer
{
margin:0;
padding: 0;
}

#navlist li
{
display: inline;
padding-bottom: 14px;
padding-left: 20px;
background-repeat: no-repeat;
}

#navlist ul {
list-style-type: none;
width: 100%; /* précision pour Opera */
margin: 0;
padding: 0;
}


#navlist a
{
padding-left: 20px;
padding-bottom: 14px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}

#navlist a:link, #navlist a:visited
{
padding-left: 0px;
color: red;
background: url(http://hekima.lionking.org/randomness/arrowbullet.gif);
background-position: 0 -28px;
background-repeat: no-repeat;}

#navlist a:hover
{
color: black;
padding-left: 20px;
background: url(http://hekima.lionking.org/randomness/arrowbullet.gif);
background-repeat: no-repeat;
background-position: 0 -14px;}

merci de ton aide.
loIc Smiley biggol

chmel

21 May 2005 à 20:25

Salut
T'avait pas mis toutes les marges et padding à 0 :

#navcontainer,#navlist,body{margin:0;padding: 0;}