Code Css pour menu ! dans une page htlm.

Dorian -  
aladin07 Messages postés 277 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

j'ai écrit un menu :

<ul>
<FONT size="5">
<li>
<a href="#">accueil</a>
</li>

<li>
<a href="#">membres</a>
</li>

<li>
<a href="#">images</a>
</li>

<li>
<a href="#">téléchargements</a>
</li>

<li>
<a href="#">plus</a>
</li>
</font>
</ul>

mais le menu ne s'affiche pas sur le coter mais en dessous.
je cherche un code Css pour remédier a cela !! auriez vous des exemple a me montrer ? SVP!!

ps: désolé pour l'orthographe.

A voir également:

2 réponses

Réponse 1 / 2
tryan44 Messages postés 1288 Date d'inscription   Statut Membre Dernière intervention   220
 
Bonjour,

C'est normal car vous n'attribuez aucun CSS au divers élément de la liste donc par défaut les éléments "li" s'affichent les un en dessous des autres.
Un petit tutoriel sur la mise en forme des listes http://creer-un-site.fr .
0
Réponse 2 / 2
aladin07 Messages postés 277 Date d'inscription   Statut Membre Dernière intervention   30
 
Dans le CSS:
.menu {
list-style:none;
}
.menu li {
display:table-cell;
}
.menu li a {
padding:10px 14px;
}

Et ajoute la class à la liste:

<ul class="menu">
<FONT size="5">
<li>
<a href="#">accueil</a>
</li>

<li>
<a href="#">membres</a>
</li>

<li>
<a href="#">images</a>
</li>

<li>
<a href="#">téléchargements</a>
</li>

<li>
<a href="#">plus</a>
</li>
</font>
0