2014-09-25 1 views
0

Я просто хочу знать, есть ли способ воссоздать что-то вроде this (наведите указатель на запись цитаты). Я уже много часов искал, как создать что-то подобное, но я не могу найти ответ.Предел маржи на паре не работает с кладкой?

Вот мои ЯШ:

$(function() { var $container = $('#content'); $container.masonry({ itemSelector: '#entry', columnWidth: 155 }); });

Я не знаю, что еще добавить туда для margin-bottom работать при наведении на #entry.

Fiddle

Пожалуйста, помогите? Спасибо. xx

+0

чек здесь http://jsfiddle.net/nz5LG/1/ – Gowri

+0

У вас есть пример, чтобы показать, что/почему не работает? –

+0

Вот моя скрипка: [link] (http://jsfiddle.net/umws6nrk/13/) и это -> [ссылка] (http://elphinstonebasic.tumblr.com/) (наведите указатель на запись цитаты) - это что я пытаюсь сделать. – Ely

ответ

0

С каменной кладкой было бы трудно осуществить эффект. Я сделал вам скрипку, используя salvattore.js http://jsfiddle.net/umws6nrk/16/

Работы из коробки отлично.

Вам просто нужно сценарий добавлен в нижней части тела, а в CSS

#content[data-columns]::before { 
    content: '2 .column.size-1of2'; 
} 

/* These are the classes that are going to be applied: */ 
.column { float: left; } 
.size-1of2 { width: 50%; } 
+0

Я попробовал это здесь: [link] (http://asphyxiated.tk) Кажется, что сначала работает нормально, но когда я добрался до сути, это был только один длинный столбец, а не два. Я сделал все на скрипке, что ты сделал. Теперь я не знаю, что с этим не так. Должен ли я отправить вам свой код темы? – Ely

+0

Проверьте css для этого #content [data-columns] :: before { content: '2. .column.size-1of2'; } В скрипке сказано 3, должно быть 2. –

+0

Я изменил его, но он все еще такой. Ну, не всегда, потому что всякий раз, когда на странице есть фотосессия/видео, всегда внизу один длинный столбец. Я использую раздвижной div, когда вы наводите указатель на фотосет/видео. – Ely