Affichage avec un nombre de colonnes variable
Bonjour à tous,
Après avoir recherché à droite et à gauche, je me (re)tourne vers vous.
J'ai une page toute simple qui s'affiche du genre
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| <html>
<head></head>
<body>
<li> bla ba bla bla </li>
<li> bla ba bla bla bla ba bla bla bla </li>
<li> bla ba bla bla bla bla ba bla bla bla bla ba bla bla bla </li>
<li> bla ba bla bla </li>
<li> bla ba bla </li>
...
</body>
</html> |
Le nombre de balise <li> </li> est variable et la longeur de son contenu aussi (ils apparaissent grace à de l'ajax).
J'aimerai bien mettre les <li> </li> en colonne (en 1 colonnes si le contenu d'un <li> </li> est grand ou en 2-3-4 colonnes si le contenu est plus petit).
En gros j'aimerai que mon texte
apparaisse soit
- Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla
- Bla Bla Bla Bla Bla Bla Bla
- Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla
- Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla
si le le contenu est grand
ou
- Bla Bla Bla Bla Bla Bla______- Bla Bla_______________-Bla Bla Bla Bla
- Bla Bla Bla_______________- Bla Bla Bla Bla Bla Bla Bl_- Bla Bla Bla Bla
- Bla Bla Bla Bla Bla Bla Bla Bla - Bla BlaBla Bla_________- Bla Bla Bla
(les _ étant à considérer comme des espaces)
si le contenu est plus petit.
Donc en résumé, si je suis en 800*600 j'ai plus de change de voir apparaitre mon texte sur un colonne et si je suis en 1600*1200 en 5 colonnes.
Je ne sais pas si je dois employer du Javascript ou bien du CSS ... je ne sais même pas si ce que je demande est possible.
En tout cas merci de réfléchir avec moi.
