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.

2 réponses

  1.
    tryan44 Messages postés 1289 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
  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