Signaler

Aligner une liste horizontalement

Posez votre question mikasa - Dernière réponse le 2 déc. 2016 à 17:34
Bonjour,
je suis debutante en css :'(
donc voila
je souhaite aligner 4 liste d'elements voici mon code css :
.F1,.F2,.F3,.F4{ 
 display: inline-block ;
 font-size: 12px;
 border : 1px solid red ;
 width:20% ;
 vertical-align: top;
}
.pied-page{
width:100% ;
border : 1px solid red ;
}
et [/contents/498-html-langage html] :

<[/contents/242-introduction-au-dynamic-html-dhtml div] class= "pied-page">
<div class="F1"><!-- 
  --><ul><li><a href=""><h4> Formation </h4></a></li><!--
  --><li><a href=""><h4> Formation </h4></a></li><!--
  --><li><a href=""><h4>Formation </h4></a></li><!--
  --></ul>
</div>
<div class="F2"><!-- 
  --><ul><li><a href=""><h4> Formation </h4></a></li><!--
  --><li><a href=""><h4> Formation </h4></a></li><!--
  --><li><a href=""><h4>Formation </h4></a></li><!--
  --></ul>
</div>

</br>

<div class="F3"><!-- 
  --><ul><li><a href=""><h4> Formation </h4></a></li><!--
  --><li><a href=""><h4> Formation </h4></a></li><!--
  --><li><a href=""><h4>Formation </h4></a></li><!--
  --></ul>
</div>

</br>
  <div class="F4"><!-- 

--><ul><li><a href=""><h4> Formation </h4></a></li><!--
  --><li><a href=""><h4> Formation </h4></a></li><!--
  --><li><a href=""><h4>Formation </h4></a></li><!--
  --></ul>
</div>
  </br></br></br>
bonne journee !!! 


</div>
Afficher la suite 
Utile
+0
moins plus
Quand tu dis aligner horizontalement, tu veux dire centrer dans la page? Enfin tu as un exemple?

Et pourquoi il y a des commentaires ouvert entre chaque lignes.
mikasa- 30 nov. 2016 à 18:44
bonsoir
les commentaires entre les lignes c pour eviter un espace entre les elements
Répondre
mikasa- 30 nov. 2016 à 18:45
je veux un element de la liste a cote de l'autre dans la meme ligne
Répondre
ZeNairolf 1212Messages postés vendredi 6 mars 2009Date d'inscription 2 décembre 2016 Dernière intervention - 1 déc. 2016 à 17:04
Déjà les commentaires entre les lignes ne servent à rien, il y aura pas d'espace entre les éléments.

Et si j'ai compris tu veux que tout tes li soit l'un à côté de l 'autre et non l'un en dessous de l'autre? Il faut utiliser un float: left ou display: inline-block sur les li
Répondre
mikasa- 2 déc. 2016 à 11:00
bonjour
je voudrais savoir sur quoi je dois applique les display: inline-block
Répondre
ZeNairolf 1212Messages postés vendredi 6 mars 2009Date d'inscription 2 décembre 2016 Dernière intervention - 2 déc. 2016 à 17:34
Sur les li qui se trouvent dans les ul
Répondre
Ajouter un commentaire

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !