Immagini in tabella che vanno a capo

[Luca1317]

Premetto che per una cosa così banale non mi sono mai incartato

Devo visualizzare 8 tabelle piccole con dentro immagini in una tabella grande, 4 sopra e 4 sotto.

Ora, direte voi, basta settare la tabella ad una larghezza specifica così quando la tabella piccola arriva al limite va automaticamente a capo


ebbene...non ci riesco

il problema riscontrato nel codice sotto è che le tabelle vengono posizionate una sopra l'altra mentre dovrebbero andare sulla stessa riga fino al limite della larghezza per poi andare a capo e continuare

<table width="750" border="0"  cellpadding="0" cellspacing="0">
   <tr > 
    <td>


<table width="200" border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td> 
[img]<%=PercorsoImg1%>[/img]" />
</td>
</tr>
</table>
<table width="200" border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td> 
[img]<%=PercorsoImg1%>[/img]" />
</td>
</tr>
</table>  



     
  
   
 </td>
 </tr>
</table>

[mucu]

se usi le tabelle perchè non fai semplicemente 4 celle per ogni riga?

[Luca1317]

lo so, sarebbe molto più semplice ma lavoro con database e asp quindi in realtà la tabella piccola è una e viene moltiplicata per quanto sono i records

[miki003]

Originariamente inviato da Luca1317
lo so, sarebbe molto più semplice ma lavoro con database e asp quindi in realtà la tabella piccola è una e viene moltiplicata per quanto sono i records

Come la vuoi fare tu è impossibile perchè le tabelle non si dispongono in orrizzontale ma in verticale. La cosa vuole fatta con una lista

[Vincent.Zeno]

sempre che abbia capito cosa ti serve...

non puoi in alcun modo lavorare sulle tabelle "piccole"?

basterebbe applicare una classe da settare con float:left;

[Luca1317]

Originariamente inviato da Vincent.Zeno
sempre che abbia capito cosa ti serve...

non puoi in alcun modo lavorare sulle tabelle "piccole"?

basterebbe applicare una classe da settare con float:left;

si, potrei lavorare sulle tabelle piccole ma mi serve una tabella grande per non far superare alle tebelle piccole i 700px di margine

[Luca1317]

Originariamente inviato da miki003
Come la vuoi fare tu è impossibile perchè le tabelle non si dispongono in orrizzontale ma in verticale. La cosa vuole fatta con una lista

infatti se quando ho inserito le immagini senza tabelle il risultato è stato ottimale mentre quando ho usato le tabelle il posizionamento era verticale


c'è un modo per risolvere? per inserire solo le immagini dicendo che dopo 700px deve andare a capo?

[Vincent.Zeno]

prova con max-width
da verificare anche quali browser lo rispettano

[miki003]

Il problema è che le tabelle sono testone e non c'è verso di allinearle in orizzontale

[Vincent.Zeno]

Originariamente inviato da miki003
Il problema è che le tabelle sono testone e non c'è verso di allinearle in orizzontale

table {float:left}