affiancamento tabelle

[ganzo]

Nel codice seguente che ho utilizzato per costruire 3 tabelle affiancate,dovrei riuscire a rendere le 3 tabelle posizionate in alto rispetto alla tabella invisibile che le contiene mentre al momento me le trovo cebtrate verticalmente e quindi man mano che una si riempie di contenuti le altre scendono di posizione mantenendosi centrali. grazie

[ac_socmel]

Nel codice seguente

mi sa che manca qualcosa
comunque studiati il floating e il clearing

e per inciso le tabelle per fare il layout fanno molto anni '90

[Enzaccio]

TR VALIGN="Top" alla tabella contenitrice.

In mancanza di specificazione (di default), per ALIGN tutti Browser applicano il Left, ma per VALIGN alcuni il Top, altri il Middle.

Interviene su qualunque contenuto, sia in-line Elements che block level Elements; coi CSS invece ...

Si possono attribuire sia alla singola TD che alla TR; in questo caso (TR), tutte le TD di quella riga la ereditano, ferma restando la possibilità di assegnare alla singola TD di quella riga diversi Valori; che allora "vincono" su quelli derivanti dalla TR.

[ganzo]

Ecco il codice che avevo dimenticato:

<center>
<table cellpadding="40"><!--- Tabella invisibile che fa da contenitore --->
<tbody>
<tr>
<td><!--- Inizio della prima cella invisibile ---> <!--- Prima tabella --->
<table border="1">
<tbody>
<tr><th colspan="2">CostellazioneSigla</th></tr>
<tr>
<td colspan="2">Acqssssssssssssss</td>
</tr>
<tr>
<td colspan="2">Ariesssssssssssss</td>
</tr>
<tr>
<td colspan="2">BilanciaLibss</td>
</tr>
<tr>
<td colspan="2">Cancrsssssssssss</td>
</tr>
<tr>
<td colspan="2">Caprissssssssssss</td>
</tr>
<tr>
<td colspan="2">Gemessssssssss</td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
</tbody>
</table>
</td>
<!--- Fine della prima cella invisibile --->
<td><!--- Inizio della prima cella invisibile ---> <!--- Prima tabella --->
<table border="1">
<tbody>
<tr><th colspan="2">CostellazioneSigla</th></tr>
<tr>
<td colspan="2">AcquarioAqr</td>
</tr>
<tr>
<td colspan="2">ArieteAri</td>
</tr>
<tr>
<td colspan="2">BilanciaLib</td>
</tr>
<tr>
<td colspan="2">CancroCnc</td>
</tr>
<tr>
<td colspan="2">CapricornoCap</td>
</tr>
<tr>
<td colspan="2">GemelliGem</td>
</tr>
</tbody>
</table>
</td>
<!--- Fine della prima cella invisibile --->
<td><!--- Inizio della seconda cella invisibile ---> <!--- Seconda tabella --->
<table border="1">
<tbody>
<tr><th colspan="2">CostellazioneSigla</th></tr>
<tr>
<td colspan="2">LeoneLeo</td>
</tr>
<tr>
<td colspan="2">PesciPsc</td>
</tr>
<tr>
<td colspan="2">SagittarioSgr</td>
</tr>
<tr>
<td colspan="2">ScorpioneSco</td>
</tr>
<tr>
<td colspan="2">ToroTau</td>
</tr>
<tr>
<td colspan="2">Verginehhhh</td>
</tr>
</tbody>
</table>
</td>
<!--- Fine della terza cella invisibile ---></tr>
</tbody>
</table>
</center>

[ganzo]

Bene,con TR VALIGN="Top" è ok!!..e se volessi distanziare le 3 tabelle che al momento mi risultano attaccate?

[Vincent.Zeno]

Ecco il codice che avevo dimenticato

ricorda di usare sempre il tag [CODE][/CODE] per postare codice sul forum

[ganzo]

ricorda di usare sempre il tag per postare codice sul forum

OK scusa.

[ganzo]

Ho messo tutti i valori di "border" a 0 ma si continuano a vedere sia i bordi della tabella principale che di quelle interne!!