Afisare text in pagina pe coloane

Coduri intrebari, probleme legate de HTML, XHTML si CSS
Avatar utilizator
trif
Mesaje: 500

Afisare text in pagina pe coloane

Salut,
Cum as putea sa fac in css o faza ca sa imi aranjeze pe coloane? De exemplu:

Cod: Selectaţi tot

coloana1--------------coloana2------------coloana3-------------coloana4
Faza este in felul urmator:
Fac un Select si in loc sa imi apara pe o singura coloana 20 rezultate sa imi apara pe 4 coloane cate 5 rezultate.
Sper ca ati inteles ce am vrut sa zic.
Astept raspuns. Cu stima trif.
M-am hotarat!
De ce sa fiu trist?
Oricum nu intereseaza pe nimeni...!
Mai bine sunt fericit si ii enervez pe toti cu fericirea mea!
http://www.cantaricrestine.ro
---> cu stima Trif

MarPlo Mesaje: 4343
Te referi la rezultatele selectate dintr-un tabel MySQL, sau la datele /optiunile dintr-un tag <select>?
Daca e vorba de randuri de text simplu, poti folosi proprietatea CSS3 column-count. Pe langa aceasta pot fi utilizate proprietatile: column-rule (linie intre coloane) si column-gap (spatiul intre linia dintre coloane si text).
Exemplu (4 coloane):

Cod: Selectaţi tot

<style>
.cls{
  /* Setare nr coloane */
 -moz-column-count:4;       /* Firefox */
 -webkit-column-count:4;    /* Safari, Chrome */
 column-count:4;

  /* Setare linie intre coloane */
 -moz-column-rule:2px outset #fe01fe;       /* Firefox */
 -webkit-column-rule:2px outset #fe01fe;    /* Safari, Chrome */
 column-rule:3px outset #fe01fe;

  /* Setare spatiu dintre linie si text */
 -moz-column-gap:1.1em;       /* Firefox */
 -webkit-column-gap:1.1em;    /* Safari, Chrome */
 column-gap:1.1em;
}
</style>

<div class="cls">
 Linia 1 <br/>
 Linia 2 ... <br/>
 Rand 3 <br/>
 Randul 4 <br/>
 Linia 5 ... <br/>
 Rand 6... <br/>
 Rand 7... <br/>
 Linia 8 <br/>
 Randul 9 ... <br/>
 Linia 10
</div>
- Mai multe exemple si detalii despre aceste proprietati CSS se gaseste pe internet.

Subiecte similare