Affichage avec un nombre de colonnes variable

**sebaaas** · 03/10/2007, 22h51

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**jibouze** · 04/10/2007, 13h53

salut,
je t'avoue que j'ai pas bien compris...

Mais en tous cas, ça me parait pas trop possible en css (je vois pas de propriétés en rapport avec le nombre de caractères).
Donc, du js.
Mais étant donné que tu récupères tes colonnes via ajax, ça veut dire que tu as du php derrière. tu peux donc aussi envisager de reformater ta page depuis le php en fonction des résultats.

**gKsam** · 04/10/2007, 18h03

Moi je verrai plus du côté de la source. Le truc ajax que tu utilises ne peut-il pas te renvoyer ce que tu veux?

**sebaaas** · 04/10/2007, 19h49

Bonne idée!

Ca doit être posssible. J'y ai réfléchit une petit partie de la journée. Je peux faire mes colonnes en fonction du nombre maximun de caractère (qui dépend de la police employé, de la résolution)
En en plus 6 W prennent plus de place que 6i

Exemple :
WWWWWW
iiiiii

Donc bête question : est possible de donner le nombre pixel d'un mot ou pas ?

**sebaaas** · 04/10/2007, 19h53

j'ai trouvé la réponse : c'est non :'( (pour connaitre la longueur en pixel)

J'ai donc fait comme vous m'avez dis: un tableau fixe de 5 colonnes.

Merci

Affichage avec un nombre de colonnes variable

JavaScript

Discussions similaires

Partager

Partager