problema di impaginazione con tabella

[Sibex74]

ciao a tutti, sto cercando di generare uno script per impaginare le immagini su più righe mettendo un commento sotto per l'eliminazione.
ho ragionato creando una tabella
ho impostato un contatore per fare in modo di arrivare alla sesta immagine e andare quindi a capo creando una nuova riga e ripartendo da 0.

il codice è qui sotto.

il problema è che non va a capo e il valore di $i è di 0 poi 5,6,7

cosa c'è che non funziona?????

grazie mille anticipatamente

$i=0;
while($foto=mysql_fetch_array($lstimg)){
switch ($i){
case $i==0;
$output.='<tr align=center><td>';
$output.='
elimina '.$i.'</td>';
break;

case ($i > 1 && 4 < $i);
$output.='<td>';
$output.='
elimina '.$i.'</td>';
break;

case $i==5;
$output.='<td>';
$output.='
elimina '.$i.'';
$output.='</td></tr>';
$i=0;
break;
}
$i=$i+1;
}

[Eddy0223]

durante tutto il ciclo riesci a dirci i valori che assume $i sino alla fine ? ovviamente stampato da dentro al ciclo

[Sibex74]

0 poi 5 poi 6 poi 7 poi 8 ecc

[Virus_101]

NAAAAA usa gli span !!!!

per ste robe sono 300000000 volte piu' comodi delle tabelle

<span class="img_container">
[img]./quellochesia.jpg[/img]
<div class="descrizione">Descrizione testuale </div>
</span>

Stilizzi gli span e sei apposto !!!!
le metti in display:inline-block con relativa widht ed height e info su overflow. Nel caso puoi giocarci come vuoi dentro e l'verflow lo imposti solo nel div della descrizione ....

Inzomma cosi' non ti devi smazzare la generazione di righe celle , colonne , conteggi per quantita' di immagini per riga, allineamenti, spaziature(le fai con margin adeguati)

Gud lac.

[Sibex74]

ciao, grazie della dritta ma... gli span non li conosco mi potresti dare un esempio?
e come si gestisce l'a capo? non lo usi e fai scorrere le immagini tipo frame?

scusa le domande magari banali ma con l'html sono alle prime armi ...

[Virus_101]

Lo span e' un elemento contenitivo come il div.
Ma A differenza del div e' progettato per rimanere nativamente in linea a diifferenza del div. QUindi per compatibilita' su explorer se devi inserire elementi in linea con dimensione decisa da te e' meglio usare gli span.

Alla fine sono come dei conteneitori, imposti il display:inline-block. quindi imposti width ed height e dentro ci fai quello che ti pare.

Molto piu' easy che non usare le tabelle.

un esempio di css per tali span e'

span.img_container
{
   display:inline-block;

width:180px !important;
height:180px !important ;

*width: 200px;
*height:200px

padding:10px;

border:1px solid orange;

} 

In questo esempio di css hai pure l'hack per mantenere corrette le dimensioni del block-box tra ie e i browser w3c (che porcata che hanno fatto col block box alla w3c maledetti) .

[Sibex74]

quindi nello span se metto immagine br testo immagine br test...
automaticamente impagina immagine con sotto scritta in parte immagine con sotto scritta?

[Virus_101]

i
non ti servono piu' se usi correttamente sli stili in quelle sezioni


L'idea e' questa (le quadre affianco al contenuto sercono solo per tenere le dim del testo)

+---[span class="img_cont.."]----+ -  +---[span class="img_cont.."]----+ 
|[[[[[[[[[[[[[CONTENUTO]]]]]]]]]]|  - |[[[[[[[[[[[[[CONTENUTO]]]]]]]]]]]|  
+-------------------------------+ - +---------------------------------+  

+---[span class="img_cont.."]----+ -  +---[span class="img_cont.."]----+ 
|[[[[[[[[[[[[[CONTENUTO]]]]]]]]]]|  - |[[[[[[[[[[[[[CONTENUTO]]]]]]]]]]]|  
+-------------------------------+ - +---------------------------------+ 

L'accapo riga e' gestito in automatico dal browser e calcolato in base alla dimensione del contenutore esterno agli span.

[Sibex74]

grande mago! provo subito... grazie mille

[Virus_101]

fammi sapere come va nel caso posta il link che vedo anche il risultato