Расположение таблицы

@YusipovIlsur · Регистрация: 17.12.2010

Author24 — интернет-сервис помощи студентам

Имеется страница, на которой подряд (в столбик) идут несколько таблиц внутри одной, более общей.

HTML5

<table>
<tr><td>
 
<TABLE>
...
</TABLE>
 
<TABLE>
...
</TABLE>
 
<TABLE>
...
</TABLE>
 
<TABLE>
...
</TABLE>
</table>

Габариты их таковы, что 2 и 3 таблицы должны быть ориентированы слева страницы, друг под другом, а 4 таблица по высоте такая же как и 2+3, и, соответственно, её я планирую разместить справа от них.

Как-то так:

Код

 ___________
|***********|
|***********|
|___________|

 _      ______
|_|    |******|
 _     |******|
|*|    |******|
|_|    |______|

*Извиняюсь, что криво, но суть должна быть ясна.

Ну, собственно, и вопрос:
Как мне получить такое расположение таблицы, если учитывать, что они должны находиться внути одной, общей?

P.S. Все 4 таблицы должны быть раздельными, а не представлять собой одну большую, они лишь собраны внутри одной.

@sav241 · 05.04.2011, 00:12

не понял как надо расположить, нарисуй как нить , выложи рисунок, сделаю.

@YusipovIlsur · 05.04.2011, 00:20 **[ТС]**

Название: thumb.jpeg
Просмотров: 322

Размер: 5.5 Кб

@sav241 · 05.04.2011, 00:34

вот пока так, щас задам размеры , чтоб на весь экран, и границы сделаю

HTML5

<html>
<head></head>
<body>
<table>
 
<tr>
                   <td colspan="3"   border="1"  >Cell 1</td>
                 </tr>
 
 
<tr><td border="1" >Cell2</td> <td rowspan="2" border="1" >Cell 3</td></tr>
 
<tr><td border="1" >Cell4</td>  </tr>
 
 
 
</tale>
</body>
</html>

@YusipovIlsur · 05.04.2011, 00:40 **[ТС]**

если я правильно понял - то это отличная идея
поместить таблицы в ячейки внутри общей, и получится, что у меня одна большая таблица будет состоять и более мелких))

@sav241 · 05.04.2011, 00:45

HTML5

<html>
<head></head>
<body>
<table cellpadding="5" border="2">
<tr>
<td colspan="2" width="100%" height="20%" border="1"  >Cell 1</td></tr>
 
 
<tr><td border="1" >Cell2</td> <td rowspan="2" border="1" >Cell 3</td></tr>
 
<tr><td border="1" >Cell4</td>  </tr>
 
 
</tale>
</body>
</html>

Добавлено через 4 минуты

HTML5

<html>
<head></head>
<body>
<table cellpadding="5" border="2"  width="100%" height="100%">
<tr>
<td colspan="2" width="100%" height="20%" border="1"  >Cell 1</td></tr>
 
 
<tr><td border="1" >Cell2</td> <td rowspan="2" border="1" >Cell 3</td></tr>
 
<tr><td border="1" >Cell4</td>  </tr>
 
 
</tale>
</body>
</html>

окончательная версия, будут вопросы обращайся, суть в том что есть colspan="2" -это то сколько tb покрывает сверху ( твоя верхняя) и есть rowspan="2" -сколько охватывает сбоку, ну а в остальном ты правильно понял))

@sav241 5 / 5 / 0 Регистрация: 04.04.2011 Сообщений: 37
	05.04.2011, 00:12	2
	не понял как надо расположить, нарисуй как нить , выложи рисунок, сделаю. 0

@YusipovIlsur 11 / 11 / 3 Регистрация: 17.12.2010 Сообщений: 52
	05.04.2011, 00:20 [ТС]	3
	0

@YusipovIlsur 11 / 11 / 3 Регистрация: 17.12.2010 Сообщений: 52
	05.04.2011, 00:40 [ТС]	5
	если я правильно понял - то это отличная идея поместить таблицы в ячейки внутри общей, и получится, что у меня одна большая таблица будет состоять и более мелких)) 0

	05.04.2011, 00:45