texte sur 2 colonnes en CSS ???

texte sur 2 colonnes en CSS ??? - HTML/CSS - Programmation

Marsh Posté le 23-11-2005 à 23:21:52    

Salut à tous,
 
Est-il possible en CSS de faire du texte sur 2 colonnes dans un même contenant ? Illustration de ce que je veux faire :
 
À la place de :
 
"Ceci est un texte bien bidon et quand même assez court"
 
Je veux :
 
"Ceci est un texte bien bidon      et quand même assez court"
 
Et à la place de :

"Ceci est un texte bien bidon et assez court. En fait il n'est pas si court que ça, c'est juste pour l'exemple que je le rallonge un peu en écrivant vraiment n'importe quoi. Par exemple, il parrait qu'on vient de découvrir de la vie sur Jupiter. Les Jupiterien sont tout plats et ma foi assez laids."

 
Je voudrais :
 
"Ceci est un texte bien bidon            quoi. Par exemple, il parrait qu'on
et quand même assez court              vient de découvrir de la vie sur
En fait il n'est pas si court que           Jupiter. Les Jupiterien sont tout plats
ça, c'est juste pour l'exemple            et ma foi assez laids."
que je le rallonge un peu en
écrivant vraiment n'importe

 
Existe-t-il une commande qui permette ça en CSS ?
 
MERCI !


Message édité par Mismatch le 23-11-2005 à 23:22:18
Reply

Marsh Posté le 23-11-2005 à 23:21:52   

Reply

Marsh Posté le 23-11-2005 à 23:27:13    

Non (il y a un module prévu en CSS3, mais c'est quasiment pas supporté), et je rappelle que les textes en colonnes multiples sur le web c'est illisible


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 23-11-2005 à 23:37:11    

masklinn a écrit :

les textes en colonnes multiples sur le web c'est illisible


 
Ah ? Ben ça dépend nan ? Pourquoi dont ? Un texte d'une certaine longeur certes, mais pour de petits blocs de 200 à 500-600 caractères ça me semble tout à fait envisageable ?
 
Quand tu dis "quasiement pas supporté", c'est par quoi ? Les navigateurs actuels ?

Reply

Marsh Posté le 23-11-2005 à 23:56:27    

Oui, tu voudrais que ce soit par quoi :heink:


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 24-11-2005 à 09:03:06    

et un texte en colonnes multiples c'est un peu inutile non ?


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 24-11-2005 à 09:16:52    

Y a que les typographeux comme The_Shadow qui en veulent :D


---------------
http://www.alsacreations.com, http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net. A ne surtout pas prendre en exemple : http://www.worldinternet.be
Reply

Marsh Posté le 24-11-2005 à 09:44:15    

Ce pourrait être intéressant pour des listes de liens que l'on mettrait sur 2 colonnes (texte très court style index A-Z). S'il y a un ordre (alphabétique par exemple) et que l'on rajoute une entrée dans la 1ère colonne (1ère DIV), il faut enlever le dernier lien de la 1ère pour le replacer en haut de la 2ème (puisque aucune vraie continuation), ceci afin de "reégaliser" la hauteur de ces 2 DIVs.
Je pense que dans ce cas, un texte "fluide" serait appréciable.

Reply

Marsh Posté le 24-11-2005 à 11:29:30    

Qui dit liste de lien, dit liste, et qui dit liste dit <ul><li> (par exemple) et pas <div>.
Ceci dit, c'est vrai que ca serait pratique de pouvoir les mettre automatiquement en deux colones, mais d'un autre côté, ca serait également pratique de les avoir par ordre alphabétique mais avec les deux premier sur la premiére ligne, les deux suivant sur la seconde ...
 
PS : En css2, on placer des éléments sur deux colones avec un tri du genre "AB / CD / EF / GH / ..." (les / simulant le retour à la ligne) en utilisant un simple

Code :
  1. li {
  2.   float:left
  3. }
  4. li[float="left"] + li {
  5.   float:none
  6. }

Par contre, on a pas d'équilibrage automatique de la hauteur des colones.

Reply

Marsh Posté le 24-11-2005 à 16:02:22    

gatsusat a écrit :

et un texte en colonnes multiples c'est un peu inutile non ?


 
Ben non c'est pas inutile...
 
Ça permet de conserver un nombre de caractères par ligne raisonable (genre éviter des lignes de la longueur de celle-ci...) sans passer par des colonnes de 3 km de haut qui obligent à scroller. Des lignes de 50-60 caractères sur deux colonnes pas trop hautes ça permet une lecture plus fluide, agréable...
 
Et moi ça me permettrait aussi de formater chaque page "en bloc" (pas de scroll).

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed