Search the Community

Добрый день! Подскажите, как расположить блоки таким образом как на картинке. Текстовые блоки, я думаю, можно разместить с помощью Masonry. И напрашивается обернуть эти блоки во #wrapper, разместить его посредине...... Но как быть с моментом что в таком случае фон блоков выходит за пределы #wrapper? Тут же уже не получится задать background для body и размещать весь контент внутри wrapper?....

При настройке Masonry возникает проблема: ширина блоков регулируется отлично (и в %, и в px), но, когда возникла необходимость сделать один из блоков в 2 раза выше остальных блоков - низкие блоки не занимают пустое место рядом с высоким блоком и получается то что на картинке ниже. Перепробовала, как мне кажется, все: в инициализации указывала ширину колонки в пикселях, в процентах, добавляла в код grid-sizer, убирала grid-sizer........... Методом тыка поняла что если увеличить у меня в css ширину блока .grid-item - то колонок становится две - и в таком случае Masonry красиво все располагает. Код здесь (постаралась оставить только суть).

На сайте web-ui.ru на главной странице хочу сделать динамическое выравнивание элементов. Для CSS-сетки используется Bootstrap 3.3.5, контейнер .row взят за основной контейнер masonry-сетки, а каждый .col-элемент, как элемент сетки, но почему-то идет "наползание" нижних элементов сетки на верхние, подскажите в чем может быть проблема.

помогите пожалуйста исправить код или хотя бы укажите на ошибку у меня задача плотно упаковать блоки в резиновом контейнере. при этом ширина зазоров между блоками и границами контейнера изменяться не должна. это важно так ка большинство подобных плагинов работают за счёт появления и скрытия этих зазоров на орпеденённых ширинах экрана вот плагин, который работает почти так как мне нужно, даже живой пример есть. вот моя страница jsfiddle , на котрой я реализовал всё то же самое, но она не работает. проблема в том, что блоки не упакованы в стиле masonry

помогите пожалуйста плотно упаковать резиновые блоки. вот моя попытка пользовался официальной документацией плагина masonry. вот страничка с работающим живым примером, на ней все то же самое, что и в моём примере

Здравствуйте! Впервые решила использовать на сайте библиотеку Masonry. Вот так подключаю: <ul id="masonry" class="js-masonry clearfix" data-masonry-options='{ "columnWidth": 210, "itemSelector": ".item", "gutter": 10 }'> Но при тестировании обнаружилась странная проблема. если страницу просматривать в Safari под Windows 8, то сначала страница выглядит так: Затем, если изменять ширину экрана вручную, то все встает на свои места. И еще в других браузерах сначала картинки выстраивались в один вертикальный ряд, а после изменения ширины экрана - также все восстанавливалось. В чем может быть проблема?

Здравствуйте. Уже несколько дней ломая голову над одной проблемой. Есть сайт, который работает на isotope (masonry). В одним из блоков помещается аудио плеер (jwplayer). Вместе все работает исправно. Но встала задача перевести сайт на ajax переключение страниц. Для того, чтобы после перехода на страницу с masonry блоки вставали на своим месте, подключил повторную инициализацию скрипта после .load(): $('#main').isotope({ itemSelector : '.post-item', masonry: { columnWidth: 390 } }); Переинициализация работает, однако блок с аудиоплеером перестал отображаться. Причем при загрузке страницы он появляется на доли секунд, а затем исчезает, т.е. ведет себя так, будто ему присвоено свойство css visibility:hidden. Сам плеер выводится не через javascript, а через <oblect><param><embed></object>, поскольку при работает ajax подгружаемые вместе со страницами скрипты не исполняются после исполнения функции .load(). Я никак не могу понять, почему блок с плеером исчезает. Firebug подтверждает, что все присутствует. Если удалить переинициализацию mysonry после .load(), плеер снова видим, однако блоки не выравниваются по решетке. Помогите советом!