28220 sujets

CSS et mise en forme, CSS3

Bonjour à tous

je suis en train de créer un menu qui est fourni par une liste.
Un truc genre :

<ul>
 <li><a > element 1</ a > </li>
 ....
 <li><a > element i</ a > </li>
...
</ul>

Seulement, je ne peux pas savoir à l'avance le nombre total d'element que nous aurons.

J'aimerai afficher mon menu comme ça :
element 1 element 2 .... element i ...

(avec display:inline, vous m'avez suivi ?)

Puisque je ne sais pas combien d'elements j'aurais, je pense qu'il ne rentreront pas sur une seule ligne sans que ça me casse tout le layout du site.
J'aimerais donc savoir si il était possible, avec les feuilles de style, de dire "je veux 5 élèments par ligne au maximum sinon je passe à la ligne" (et accessoirement, mes 5 éléments se repartissent comme il faut sur toute la largeur)

euh... je rêve peut être un peu mais on m'a dit que les css c'est surpuissant donc moi je veux voir Smiley lol

je vous remercie!
Modifié par colin (16 Jan 2006 - 14:15)
Salut,

je n'ai pas testé mais quelque chose dans le genre de ce qui suit doit être asssez proche de ce que tu cherches :


li {
float:left;
width:19%;
text-align:center;
}


j'ai mis 19% de largeur pour être légèrement inférieur à 20% (1/5ème)
Modifié par clb56 (07 Dec 2005 - 12:55)