Afisare text in pagina pe coloane
Coduri intrebari, probleme legate de HTML, XHTML si CSS
-
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
-
Select dupa mai multe coloane in baza de date
PHP - MySQL - XML
Primul mesaj
Salut
am si eu o baza de date zona_geografica in care am rubricile
id |nume_tara |nume_oras |id_tara |id_oras | nume_zona | id_zona | data
1 |...
Ultimul mesaj
Multumesc mult pentru ajutor .
-
Resetare input type text dupa submit
JavaScript - jQuery - Ajax
Primul mesaj
Dupa ce dau enter sau click si a trimis mesajul nu mii se reseteaza input textul,imi trmite catre mysql fara reload incarca textul prin div dar nu...
Ultimul mesaj
\Multumesc, codul din raspunsul tau functioneaza
-
Ascunde element daca in data e un anumit text
HTML - XHTML - CSS
Primul mesaj
Se pot ascunde elemente HTML daca in atributul 'data-' e o anumita bucata de text?
De exemplu: Ascunde Div-urile care contin -en .
<div...
Ultimul mesaj
Se poate face cu CSS sau cu Javascript.
CSS:
/* with specified elements */
div {
display: none;
}
/* or global */
{
display: none;
}
Si...
-
Inversare caractere adăugate într-un câmp de text
JavaScript - jQuery - Ajax
Primul mesaj
Am urmatorul cod html si JavaScript. O caseta de text input si un button.
<input type='text' id='backwards-input'>
<button...
Ultimul mesaj
Testeaza si studiaza urmatorul cod:
<input type='text' id='backwards-input'>
<button id='backwards-button'>Button</button>...
-
Eroare citire pagina cu file_get_contents
PHP - MySQL - XML
Primul mesaj
Buna ziua,
Vreau sa preiau informatiile din aceasta adresa si sa o afisez intr-o alta pagina php
URL: //79.114.46.127:5819/
Scriptul pe care...
Ultimul mesaj
Imi pare rau, mai mult nu stiu cum sa te ajut, posibil sa fie ceva cu SSL, dar nu cunosc.
Am testat scripturile; codul cu cURL e bun, a mers bine...
-
Deschidere camera chat fara refresh pagina
PHP - MySQL - XML
Primul mesaj
Am tot cautat pe net un script js ca atunci cand vreau sa dau click pe o camera de chat sa o incarce in pagina respectiva fara sa am refresh la...
Ultimul mesaj
Salut,
Depinde cum ai chatul construuit. Daca ai camera de chat afisata intr-un iframe, faci ca la clic pe butonul pentru camera sa se schimbe...