как расположить две таблицы рядом друг с другом?

[Juri]

нужно что б в одной строке было две таблицы, и между ними скажем небольшое растояние. ума не преложу как это сделать(( все время новую таблицу на новую строку скидывает. помогите нубу((

 

[Odium]

пробуй через стили. float: left/right
Размер таблиц делай по 45-48%

 

[PhantomUA]

Ну например так:

<div>
<div style="float:left;" width="50%">
	<table border="1" width="100%">
		<tr>
			<td>&nbsp;</td>
			<td width="50%">&nbsp;</td>
		</tr>
		<tr>
			<td>&nbsp;</td>
			<td width="50%">&nbsp;</td>
		</tr>
	</table>
</div>
<div style="float:left;" width="50%">
	<table border="1" width="100%">
		<tr>
			<td>&nbsp;</td>
			<td width="50%">&nbsp;</td>
		</tr>
		<tr>
			<td>&nbsp;</td>
			<td width="50%">&nbsp;</td>
		</tr>
	</table>
</div>
</div>

 

[parempi]

Сделай вложенные таблицы

<table cellpadding=3 cellspacing=3><tr>
<td><table>сюда таблицу1</table></td>
<td><table>сюда таблицу2</table></td>
</tr></table>

Расстояние:
cellpadding="3" - отступы внутри ячеек
cellspacing="3" пространство между ячейками

или в стиле:
padding:3px;
margin:3px;

 

[jugene]

Та просто те две таблицы, вставь в третью, с тремя столбцами и одной строкой. Средний столбец - сделай такой, как расстояние тебе нужно.

 

[dianastorner]

Есть способ намного проще.
Просто пропиши у первой таблицы стиль <table style="float:left">. И всё, вторая таблица будет отображаться рядом, а не под ней.

 

[lestatbbk]

Можно сделать через вложеные таблицы, но так увеличивается код, можно сделать Float'om

Если вы используете float, то в любом случае для общего блока, в котором лежат таблици, нужно применить clear: both;

 

[Nighilanth]

Если делать float, то неизбежны косяки на разных броузерах. (что для Нуба серьёзная проблема) С помощью таблиц, как показал parempi, удобнее, а код увеличится незначительно.

 

[Frize]

если делать таблицу в таблице, как предложил parempi , то при растяжении одной из внутренних таблиц колонки потеряют симметричность. Если она необходима, то лучше делать блоками, тоесть, например

<div class="table-left"></div>
<div class="table-right"></div>

.table-left { float: left; width: 48%; }
.table-right { float: right; width: 48%; }

48% - по 2 % отступа между блоками в центре, в сумме 4%.

 

[rastarevol]

если делать таблицу в таблице, как предложил parempi , то при растяжении одной из внутренних таблиц колонки потеряют симметричность.

вот так тоже непотеряется симметричность

<table cellpadding="число" cellspacing="число"><tr>
<td width="40%"><table width="100%">сюда таблицу1</table></td>
<td width="60%"><table width="100%">сюда таблицу2</table></td>
</tr></table>