Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> UL - перенос элементов списка 
:(
    Опции темы
Antonio1981
Дата 18.10.2010, 11:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 8
Регистрация: 24.9.2010

Репутация: нет
Всего: нет



Здравствуйте!

Имеется DIV фиксированной высоты. Внутри него расположен список UL. Элементы списка LI выстраиваются по вертикали. Возможно ли средствами CSS сделать так, чтобы по достижению нижней границы этого родительского DIV-а элементы списка LI переносились в другой столбец? Какое свойство задает возможность такого переноса?
PM MAIL   Вверх
SelenIT
Дата 18.10.2010, 11:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



В CSS3 есть возможность раскладки по колонкам (а-ля газета), но работает только в Gecko (ФФ и друзья, через -moz-column-width и т.п.) и Webkit (Сафари и Хром, через -webkit-column-width и т.п.). В других браузерах, насколько я в курсе, понадобятся скриптовые подпорки.


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
Antonio1981
Дата 18.10.2010, 12:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 8
Регистрация: 24.9.2010

Репутация: нет
Всего: нет



SelenIT, спасибо.
PM MAIL   Вверх
FightInGlory
Дата 19.10.2010, 09:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 123
Регистрация: 14.11.2006

Репутация: 1
Всего: 1



Простенький скрипт на jquery, который будет считать элементы по действию ready или по какому-то другому событию если это необходимо.
PM MAIL   Вверх
ksnk
Дата 19.10.2010, 09:38 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



Цитата(FightInGlory @  19.10.2010,  09:12 Найти цитируемый пост)
Простенький скрипт на jquery, который будет считать элементы по действию ready или по какому-то другому событию если это необходимо. 

Скрипт колоночной верстки у меня не ассоциируется со словом "простенький". можно "на пальцах" объяснить алгоритм? Или написать, если это действительно так просто


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
FightInGlory
Дата 19.10.2010, 17:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 123
Регистрация: 14.11.2006

Репутация: 1
Всего: 1



Считать количество элементов .size если оно ровно тому что необходимо, присваивать остальным лишкам класс и позишеном абсолют двигать их хоть на луну.
PM MAIL   Вверх
SelenIT
Дата 19.10.2010, 17:24 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Имхо, логичнее просто создать рядом пустой UL, зафлоатить или запозиционировать его в нужную сторону и по одному переносить в него элементы исходного списка (с конца), пока высота того не уменьшится до допустимого предела. Потом, если надо, повторить эту процедуру с этим новым списком и т.д.


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0964 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.