28220 sujets

CSS et mise en forme, CSS3

[RESOLU]Menus en ligne les uns en dessous des autres ?

Bonjour à tous !

J'essaye de placer 3 menu en ligne les uns en dessous des autres sans succès ...

Pouvez vous m'aider ?

Voici mon code :


Code HTML

<ul class="item">
<li>2D :</li>
<li><a href="picto.html">hyyh</a></li>
<li><a href="logo.html">hyhy</a></li>
<li><a href="cigale.html">yhy</a></li>
<li><a href="jukebox.html">hyy</a></li>
</ul>

<ul class="item">
<li>WEB :</li>
<li><a href="e-card.html">hyhy</a></li>
<li><a href="rock.html">yhyh</a></li>
<li><a href="bresil.html">hy</a></li>
<li><a href="fiff.html">hy</a></li>
</ul>

<ul class="item">
<li>AUTRES :</li>
<li><a href="brian.html">hyh</a></li>
<li><a href="jeu.html">hyyh</a></li>
<li><a href="sound01.html">yhy</a></li>
<li><a href="sound02.html">yhyh</a></li>
</ul>


CSS

ul.item{
padding:10px 0 0 0;
margin:0px 0px 0px 20px;
list-style-type:none;
font-size:10px;
font-weight:bold;
}

ul.item li{
float:left;
}

ul.item li a{
width:65px;
height:20px;
display:block;
border:1px solid #000000;
}

Modifié par sharky (06 Oct 2006 - 01:14)
Hello !
à vue d'oeil le html est bon.
Aurais-tu stp un lien en ligne (c'est plus facile de tester les css) ? merci
Sujet clos
Aller à