Итак, дано: макет страницы где в несколько колонок расположены списки. Проблема заключается в том, что раскладка выполнена не по горизонтали а по вертикали, поэтому простое float:left для элемента ul не прокатит.
Помогите решить такую задачку.

Присоединённый файл ( Кол-во скачиваний: 14 )
 spiski_03.jpg 23,58 Kb

NDenis, надо настучать по голове дизайнеру и сказать, чтобы так не делал.

если дизайнер шустро уворачивается, можно показать ему примерный вариант решения с использованием JavaScript:

-- вывести весь список в одну колонку, с overflow:hidden; float:left;.
-- склонировать список нужное число раз. и вставить рядом с первым.
-- в каждой следующей колонке ставить "scrollTop" примерно равный scrollHeight первой колонки*порядковый номер колонки.
-- пристроить красивые скроллеры на скрипте, чтобы все это хозяйство могло скроллироваться более-менее разумно.
-- поставить обработчик onresize, для любителей шевелится...

Особенный геморой будет с вычислением ситуации, когда строка "отсекается" верхним или нижним краем колонки. Впрочем. оно так или иначе тоже считается...

Это сообщение отредактировал(а) ksnk - 30.4.2009, 17:53

Да уже всю голову отбил дизайнеру.


Я в JavaScript не силен (чесно говоря не особо понял порядок действий), что-то попробую сделать или уговорить немного переделать макет.

а это какая задача? сугубо клиентская или всё же серверная?

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

bars80080, этот список генерится из базы на сервере.

www.quirksmode.org Показывать заказчику в Мозиле и говорить. что так и надо...

Это сообщение отредактировал(а) ksnk - 1.5.2009, 19:56

тогда при выборке определяем количество пунктов, после чего делим на количество колонок k, округляем ceil() в верхнюю сторону и генерим табличку, выбирая в каждой итерации значение n, n+1, n+2, n+k, с шагом k

итого два цикла. а в чём вопрос?

Вопрос временно снят. Переделали макет.
Всем спасибо за предложения.