Table affiancate orizzontalmente uhm

[Ocity]

Ciao a tutti!
Aiutino semplice...sapreste dirmi perchè le tabelle vanno a capo e non si afiancano orizzontalmente??

<div id="content" align="center">



<table width="315" border="0">
 <tr>
 <td width="120px" height="101" rowspan="3">[img]videogames/tripledice.jpg[/img]</td>
 <td class="sfondodesctitolo">Titolo</td>
 </tr>
 <tr>
 <td class="sfondodesc">315dkjsndjs sadkj skd askd sdka sdksa dks dkas dkjsandsa kds dsk 315dkjsndjs sadkj skd askd sdka sdksa dks dkas dkjsandsa kds dsk 315dkjsndjs sadkj skd askd sdka sdksa dks dkas</td>
 </tr>
 <tr>
 <td align="right" valign="bottom">[img]dettagli.jpg[/img]</td>
 </tr>
</table>


<table width="315" border="0">
 <tr>
 <td width="120px" height="101" rowspan="3">[img]videogames/tripledice.jpg[/img]</td>
 <td class="sfondodesctitolo">Titolo</td>
 </tr>
 <tr>
 <td class="sfondodesc">315dkjsndjs sadkj skd askd sdka sdksa dks dkas dkjsandsa kds dsk 315dkjsndjs sadkj skd askd sdka sdksa dks dkas dkjsandsa kds dsk 315dkjsndjs sadkj skd askd sdka sdksa dks dkas</td>
 </tr>
 <tr>
 <td align="right" valign="bottom">[img]dettagli.jpg[/img]</td>
 </tr>
</table>





</div>

grazie in anticipo a chi saprà darmi una mano!

[OcchioCrepato]

perchè usare delle tabelle quando potresti usare dei div?

se poi preferisci usare le tabelle perchè non ne fai una sola?

al massimo prova

<style>
.floatleft{float:left}
</style>


<div id="content" align="center">

 <div class="floatleft">
   <table ...> ....
 </div>
 <div class="floatleft"> 
   <table ...> ....
 </div>

</div>

[Ocity]

ok Occhiocrepato grazie mille per la risposta.
la pagina che stò facendo è nuova, perciò preferisco capire subito quale può essere la soluzione migliore da usare, e non come risolvere qualcosa di concettualmente errato che stò facendo.

utilizzando i div non ho i controlli sul width, nel senso che nn vengono validati correttamente.
inserendo invece le table nei div e tentando di affiancare i vari div ho lo stesso problema...sapresti suggerirmi come procedere nella maniera migliore?

grazie ancora

[OcchioCrepato]

Originariamente inviato da Ocity
utilizzando i div non ho i controlli sul width, nel senso che nn vengono validati correttamente.

mi ho capito cosa intendi


Spero di aver interpretato correttamente quello che vorresti fare

prova questo codice

<div id="content" align="center">
	<div id="sinistra">
		<div class="floatleft margintumb">
		[img]videogames/tripledice.jpg[/img]
		</div>
		<p class="sfondodesctitolo testocentrato">TITOLO</p>
		<p class="sfondodesc">
			315dkjsndjs sadkj skd askd sdka sdksa dks dkas dkjsandsa kds dsk 315dkjsndjs sadkj skd askd sdka 
		</p>
		<p class="testodx">
			[img]dettagli.jpg[/img]
		</p>
	</div>
	<div id="destra">
		<div class="floatleft margintumb">
		[img]videogames/tripledice.jpg[/img]
		</div>
		<p class="sfondodesctitolo testocentrato">TITOLO</p>
		<p class="sfondodesc">
			315dkjsndjs sadkj skd askd sdka sdksa dks dkas dkjsandsa kds dsk 315dkjsndjs sadkj skd askd sdka 
		</p>
		<p class="testodx">
			[img]dettagli.jpg[/img]
		</p>
	</div>

</div>

con questo css

img{border:0}

#sinistra{
	float:left;
	width:315px;
	margin:0;
	padding:0;
	text-align:left;
	border:1px solid #000;
}
#destra{
	float:right;
	width:315px;
	margin:0;
	padding:0;
	text-align:left;
	border:1px solid #000
}

.floatleft{float:left}
.margintumb{margin:5px}

.testocentrato{text-align:center}
.testodx{text-align:right}

ottieni la stessa cosa?

ps salvati il tuo codice prima di modificarlo