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
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
A voir également:
- Code Css pour menu ! dans une page htlm.
- Supprimer une page word - Guide
- Menu déroulant excel - Guide
- Code asci - Guide
- Traduire une page - Guide
- Code puk bloqué - Guide
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
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 .
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 .
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
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>
.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>