posizionamento

[Bregovic]

Ciao,
vorrei solo capire se Posso fare una cosa...Se si può passo a studiare come..

Ho un sito dove tramite link richiami dei dati contenuti in un databse (php+mysql).
I dati sono impaginati in modo da essre 6 per pagina.
E fino a qui ci sono.
Ora vorrei disporli su due righe e tre colonne.
Cioè deve mettermi tre foto affiancate, andare a capo e metterne altre tre cambia pagina e ricomincia.
Essendo il tutto risultato di una query io non so quanti saranno i miei risultati.

Avevo pensato ad una cosa del genere..forse folle.
Un "box" di dimensioni fisse. Io inserirsco gli elementi in modo che ce ne stiano tre e va a capo automatico e mette gli altri tre.
Esiste questa possibilità?
Tipo quando uno scrive in un programma di scrittura?

O altre soluzioni?

Scusate ma sono newbie con i css.

PS Avevo fatto la stessa cosa usando le tabelle.
Ora vorrei rifarla se possibile eliminando le tabelle e usando solo i css...

Grazie

[Sibelium]

Non ho mai provato a fare una cosa del genere senza usare le tabelle,
ma credo che se usi dei blocchi di testo (tipo <div></div>) nidificandoli tra di loro ed usando i CSS per i posizionamenti (relativi o assoluti che siano) dovrebbe uscirne qualcosa


IO come prima cosa proverei lo schema con i div per vedere se con i css riesci a riprodurre una struttura mò di tabella come avevi in precedenza e poi andrei ad imbottire il tutto nel php.....

[Bregovic]

e lo so pensavo anche io,
solo che io dal php estraggo un array di risultati.
Ho in php mi cero qualche modo per dire: se sei l'elemento 1 della pag mettiti alla posizione x y , se sei lelemento 2 mettiti x1 y1

O faccio così (ma non sono capace )

Oppure speravo di poter racchiudere tutto in un box (mi sto leggendo articoli sui box) fisso che quindi mi mandi a capo gli oggetti.

Ma esisterà l'acapo automatico

[Jerry Masslo]

.colonna {width:33%; float:left}


<div>
<div class="colonna">
parappappa
</div>
<div class="colonna">
parappappa
</div>
<div class="colonna">
parappappa
</div>
<div class="colonna">
parappappa
</div>
<div class="colonna">
parappappa
</div>
<div class="colonna">
parappappa
</div>
</div>

[Bregovic]

In questo modo va a capo da solo?
Cioè mi fa le tre colonne e due righe?

ora loprovo subito speriamo...

[Dr Mal]

Scusa ma nn potresti risolvere con un ciclo in asp?
specifiki un numero di celle allineate, in questo caso 3, crei una variabile alla quale attribuisci valore 0 e la incrementi fin o ke nn raggiungi il numero di 3 celle; kiudi il <tr> e lo riapri e setti la variabile di nuovo a 0; in questo caso il ciclo continuerà fino a ke ci saranno valori nel db,

[Bregovic]

E' stupendo funziona!!!!
Ma chi gli dice di andare a capo float?

O è normale che vada a capo??

Che storia i css,
pensa che con le tabelle ci ho messo vent'anni ad allineare le cose, invece così basta un div (tra l'altro ne metto uno solo perchè li scrive da solo con i cicli while in php)...


Stupendo grazie,
non è che saresti così gentile da spiegarmelo anche un pò?

Grazie

[Bregovic]

Originariamente inviato da Dr Mal
Scusa ma nn potresti risolvere con un ciclo in asp?
specifiki un numero di celle allineate, in questo caso 3, crei una variabile alla quale attribuisci valore 0 e la incrementi fin o ke nn raggiungi il numero di 3 celle; kiudi il <tr> e lo riapri e setti la variabile di nuovo a 0; in questo caso il ciclo continuerà fino a ke ci saranno valori nel db,

In php, non uso asp ma php.
MA non voglio usare tabelle, le avevo usate e funzionava.
Ora sto cercando di rifare il sito senza tabelle e con i css...

Cmq grazie a tutti per i consigli!!!

[Dr Mal]

Originariamente inviato da Bregovic
In php, non uso asp ma php.
MA non voglio usare tabelle, le avevo usate e funzionava.
Ora sto cercando di rifare il sito senza tabelle e con i css...
Cmq grazie a tutti per i consigli!!!

Bene...

[Jerry Masslo]

Originariamente inviato da Bregovic
E' stupendo funziona!!!!
Ma chi gli dice di andare a capo float?

O è normale che vada a capo??

Che storia i css,
pensa che con le tabelle ci ho messo vent'anni ad allineare le cose, invece così basta un div (tra l'altro ne metto uno solo perchè li scrive da solo con i cicli while in php)...


Stupendo grazie,
non è che saresti così gentile da spiegarmelo anche un pò?

Grazie

be' provalo un po' prima, tipo se le dimensioni delle foto superano quelle della colonna, poi dipende dai casi particolari, tipo se ci sono sfondi potrebbero servire degli aggiustamenti, comunque da spiegare è semplice, ogni colonna ha una larghezza del 33% del div contenitore quindi più di tre alla volta non ce ne possono stare, float:left gli dice di posizionarisi a sinistra nel primo spazio utile quindi la quarta colonna non trovando posto sulla stessa linea che deve fare? se ne va a capo.