Форум Сайтостроение Веб-строительство

Как автоматически организовать список UL LI в несколько колонок?

Р
На сайте с 07.02.2013
Offline
178
рецидивист
645

Приветствую.

Как можно сделать так, чтобы список UL LI был организован автоматически в несколько столбцов таким образом, чтобы каждый следующий элемент располагался под другим, а при достижении, к примеру, если имеется 30 записей и три столбца, 11 и 21 элемент списка располагались в следующем столбце?

В ручную создавать три списка UL нет смысла, так как он будет постоянно дополняться и постоянно переносить записи из одного столбца в - это заморочка.

Как надо:

1 11 21

2 12 22

3 13 23

4 14 24

5 15 25

6 16 26

7 17 27

8 18 28

9 19 29

10 20 30

Как не надо:

1 2 3

4 5 6

7 8 9

...

28 29 30

дани мапов
На сайте с 06.09.2012
Offline
204
дани мапов
#1 


$total_count =  $db->num_rows($sql_result);//общее количество элементов
$i=ceil($total_count / 3);
 
$cat_menu='<ul>';
 
$j=0;

while($row = $db->get_row($sql_result)) {
	$cat_menu.='<li> &nbsp; </li>';
	
	$j++;
	
	if ($j = $i) {
		$j = 0;
		$cat_menu.= '</ul><ul>';
	}	
}

$cat_menu.= '</ul>';
Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
Р
На сайте с 07.02.2013
Offline
178
рецидивист
#2

Дело в том, что данные списка статичны, они не тянутся из БД.

Appassionato
На сайте с 22.06.2010
Offline
328
Appassionato
#3

Натыкался как-то на js-реализацию этой задачи. Пересортировка в DOM.

Хостинг Работает, как Часы ( http://tinyurl.com/nze85xw ). Проверено за 11+ лет.
vkusnoserver
На сайте с 30.04.2011
Offline
104
vkusnoserver
#4

Вот такой пример увидел: http://jsfiddle.net/MikeGrace/Vgavb/

Но мне не хватит знаний переписать :)

Скидки на хостинг (/ru/forum/629944) | Конфигуратор (http://www.vkusnoserver.ru/link.php?id=31) | Администрирование (/ru/forum/871196) CEO собственной персоной - skype: vkusnoandy

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий