Как осуществить вертикальное заполнение div таблицы? - HTML и CSS

Foress · 09.10.2011, 02:41

Не могу понять как это осуществить. Задача такова что необходимо сделать заполнение таблицы следующим образом:
1 5 9
2 6 10
3 7 11
4 8 12

Т.е. нужно, чтоб при добавлении новых элементов div заполнение шло по столбцу.

Пример горизонтального заполнения:

Код HTML:

<html>
<head>
<title></title>
<style>
.cell{
width:48px;
height:50px;

font-size:12px;
float:left;
border:1px solid black;
text-align:center;
}
</style>
</head>
<body>
<div id="table" style="width:200px; height:100px;">
<div class="cell">123</div>
<div class="cell">123</div>
<div class="cell">123</div>
<div class="cell">123</div>
<div class="cell">123</div>
<div class="cell">123</div>
<div class="cell">123</div>
<div class="cell">123</div>
<div class="cell">123</div>
<div class="cell">123</div>
<div class="cell">123</div>
<div class="cell">123</div>
<div class="cell">123</div>
<div class="cell">123</div>
</div>
</body>
</html>

Буду благодарен за подсказку.

09.10.2011, 02:41	#1
Foress Новичок Джуниор Регистрация: 09.10.2011 Сообщений: 1	Как осуществить вертикальное заполнение div таблицы? Не могу понять как это осуществить. Задача такова что необходимо сделать заполнение таблицы следующим образом: 1 5 9 2 6 10 3 7 11 4 8 12 Т.е. нужно, чтоб при добавлении новых элементов div заполнение шло по столбцу. Пример горизонтального заполнения: Код HTML: <html> <head> <title></title> <style> .cell{ width:48px; height:50px; font-size:12px; float:left; border:1px solid black; text-align:center; } </style> </head> <body> <div id="table" style="width:200px; height:100px;"> <div class="cell">123</div> <div class="cell">123</div> <div class="cell">123</div> <div class="cell">123</div> <div class="cell">123</div> <div class="cell">123</div> <div class="cell">123</div> <div class="cell">123</div> <div class="cell">123</div> <div class="cell">123</div> <div class="cell">123</div> <div class="cell">123</div> <div class="cell">123</div> <div class="cell">123</div> </div> </body> </html> Буду благодарен за подсказку.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
программа на СИ: вывести случайный треугольник, осуществить заполнение алгоритмом строчного сканирования	Aлия	Помощь студентам	0	25.05.2011 09:14
Как осуществить поиск заданного значения в столбце таблицы?	Dux	БД в Delphi	6	04.01.2011 23:36
Таблицы не встают как надо (div)	zlo_999	HTML и CSS	1	11.10.2010 03:28
Как растянуть div внутри ячейки таблицы?	Benderbej	HTML и CSS	6	28.08.2010 21:59
Вертикальное выравнивание текста в div?	artem_from_minsk	HTML и CSS	3	06.05.2010 15:29