due tabelle: una accanto all'altra

[mirkoweb]

un aiuto per html

salve a tutti.....
volevo sapere una cosa banale ma a me sconosciuta

vorrei sapere come posso fare per mettere delle tabelle una accanto all altra e non una sotto l altra.......

se incollo i codici(e blocco note) mi incolla tutti gli oggetti dall alto verso il basso ma io devo mettere due tabelle ,una accanto all altro........
come potrei fare??????mi serve qualche codice html che mi consente di mettere oggetti uno accanto all altro orizzontalmente
un aiuto grazie......

cordiali saluti

 

[grottafelix]

<table border="1" cellpadding="0" cellspacing="1" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
<tr>
<td width="20%">&nbsp;</td>
<td width="20%">&nbsp;</td>
<td width="20%">&nbsp;</td>
<td width="20%">&nbsp;</td>
<td width="20%">&nbsp;</td>
</tr>
</table>
:byebye:

 

[Vaan]

ma.....dv lo metto

benissimo ho capito il codice HTML, ma non sò in quale tabella lo devo mettere...nella prima tabella, nella seconda o in entrambe? e poi....quali attributi posso tenere e quali no??? (del tuo codice HTML) posso aggiungere lo sfondo e\o modificare la larghezza del bordo???????



se mi rispondi mi fai un piacere...grazie in anticipo

 

[daviduccio]

2 tabelle accanto non possono stare, o usi le colonne come ha scritto felix o crei una tabella con 2 colonne e dentro ogni colonna ci metti una tabella, in questo modo avrai messo accanto 2 tabelle distinte e separate.

 

[dead]

Ecco le tue tabelle una accanto all'altra.
Potenza dell'html :byebye:

<table summary="" style="border:1px solid red; display:inline;">
<tr>
<td>a</td>
<td>a</td>
<td>a</td>
</tr>
<tr>
<td>a</td>
<td>a</td>
<td>a</td>
</tr>
</table>
<table summary="" style=" border:1px solid blue; display:inline;">
<tr>
<td>b</td>
<td>b</td>
<td>b</td>
</tr>
<tr>
<td>b</td>
<td>b</td>
<td>b</td>
</tr>
</table>

 

[daviduccio]

Dead......non lo sapevo che con lo style "inline" si affiancavano, ma non mi aspettavo da te un codice che firefox non interpreta, infatti su questultimo, BANG, tutto spappolato.

:byebye:

 

[dead]

In effetti questa soluzione(più corretta) col float funziona su entrambi i browser:

<table summary="" style="border:1px solid red; float:left;">
<tr>
<td>a</td>
<td>a</td>
<td>a</td>
</tr>
<tr>
<td>a</td>
<td>a</td>
<td>a</td>
</tr>
</table>
<table summary="" style=" border:1px solid blue; float:left;">
<tr>
<td>b</td>
<td>b</td>
<td>b</td>
</tr>
<tr>
<td>b</td>
<td>b</td>
<td>b</td>
</tr>
</table>

Però ha lo svantaggio di portare le table fuori dal flusso dell'html.
La scelta dell'una o dell'altra dipendono dal contesto in cui sono utilizzate.

Non escludo poi che mi stiano sfuggendo ulteriori soluzioni ancora più versatili.

 

[daviduccio]

Questo va bene su tutt'eddue........ottima cosa....alla prima occasione la proverò!

Grazie Dead. :byebye: