Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 11 Ответов
  • 4991 Просмотров
*

skitskis

  • Захожу иногда
  • 62
  • 0 / 0
Равномерное распределение div-оф по горизонтали
Добрый день! Вопрос напрямую к CSS не относиться, но уже облазил весь интернет и необходимого ответа не нашел.

Задача стоит следующая: необходимо равномерно друг за другом размещать неограниченное количество блоков с текстовой и графической информацией как на этих сайтах: http://estrin.ru/gallery-page/ http://samburskaja.ru/novosti-blog/

Проблем заключается в том что я не знаю как правильно задать вопрос поисквику, но знаю что это все делается при помощи JQuery и CSS. Как правильно называется такое размещение?
*

skitskis

  • Захожу иногда
  • 62
  • 0 / 0
130 просмотров и нет ответов =( что никто не сталкивался с решением такой задачи? Помогите!
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
вариант с помощью CSS ---- подойдет?
Спойлер
[свернуть]
*

Entombed

  • Захожу иногда
  • 114
  • 11 / 0
  • Ума палата ... да ключ потерял
http://estrin.ru/gallery-page/ и http://samburskaja.ru/novosti-blog/ реализовано при помощи правила float:left.
Нет универсального решения как сделать лучше ... Как точка отправления смотрите CSS правило float.
Ничто не вечно под луной
*

skitskis

  • Захожу иногда
  • 62
  • 0 / 0
вариант с помощью CSS ---- подойдет?
Спойлер
[свернуть]

Неа, просто CSS не пойдет. Вариант который вы предлагайте, он для жесткой конструкции, а мне надо чтобы в зависимости от монитора блоки между собой не имели пространства, и занимали весь экран. Как на тех вариантах которые я указал.
Но спасибо за ответ.
*

draff

  • Гуру
  • 5801
  • 434 / 7
  • ищу работу
130 просмотров и нет ответов =( что никто не сталкивался с решением такой задачи? Помогите!
Запрос - Адаптивный дизайн
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
« Последнее редактирование: 22.08.2013, 10:33:18 от Efanych »
Создание сайтов, шаблонов, помощь в решении проблем.
*

skitskis

  • Захожу иногда
  • 62
  • 0 / 0
http://estrin.ru/gallery-page/ и http://samburskaja.ru/novosti-blog/ реализовано при помощи правила float:left.
Нет универсального решения как сделать лучше ... Как точка отправления смотрите CSS правило float.

Конечно, я понимаю как это реализовано на float: left. Но посредством только CSS такого результата не добиться, там нужно применять js. Без него не как. Главная задача, изменения ширины блока и их количества в строке при разных мониторах, я нашел пример js, но он не подходит тем что меняет расположение блоков в хаотичном порядке. вот сайт такого js http://masonry.desandro.com/.
*

skitskis

  • Захожу иногда
  • 62
  • 0 / 0
Попробуйте так
ссылка не рабочая, вот такой запрос попадет в поисковик: ? ? jquery
*

skitskis

  • Захожу иногда
  • 62
  • 0 / 0
Запрос - Адаптивный дизайн
спасибо, буду смотреть в этом направлении. А конкретного скрипта у вас нету? С которым работали?
*

skitskis

  • Захожу иногда
  • 62
  • 0 / 0
Поправил ссылку.
адаптивная сетка jquery
Дааааа! На первый взгляд то что нужно! Спасибо!
*

verstalshik

  • Завсегдатай
  • 1754
  • 95 / 1
а почему не хотите сделать только через CSS, как вы называете  - жесткие размеры?
смысл в чем - для каждого разрешения будет СВОЙ "жесткий")) набор размеров, вот и вся недолга, не надо этого бояться!
медиа-квери используйте, там всего 5-6 разных разрешений экрана нужно применить.
а часто культивируемую байку про изменение окна можно в утиль сдать, так никто не делает, кроме верстальщиков)))
миллионы сайтов в адаптивной верстке, гуглите!
❶ НЕ СПРАВЛЯЕШЬСЯ САМ???  Поможем тут...  ❷ Калькулятор доставки - ЗАКАЖИ!!!...  ❸ Каталог компаний - ЖМИ!!!...  ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться