Code Css pour menu ! dans une page htlm.

Fermé
Dorian - 14 juin 2012 à 17:10
aladin07 Messages postés 277 Date d'inscription vendredi 13 avril 2012 Statut Membre Dernière intervention 30 septembre 2012 - 14 juin 2012 à 18:29
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

tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 220
14 juin 2012 à 18:04
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
aladin07 Messages postés 277 Date d'inscription vendredi 13 avril 2012 Statut Membre Dernière intervention 30 septembre 2012 30
14 juin 2012 à 18:29
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