Не удается заставить кладку работать с инициализацией HTML - PullRequest
Новая
       9

Не удается заставить кладку работать с инициализацией HTML

0 голосов
/ 29 сентября 2018

Изображения отображаются в полном размере в одном столбце.Масонство, похоже, ничего не делает.Я выложу часть своего кода.Пожалуйста, обратите внимание, что я могу делать что-то не так, это очень элементарно, так как прошло несколько лет с тех пор, как я работал с HTML / CSS

Для более полного понимания моей ситуации, вот точные файлы, которые яработа с: https://github.com/bryanwillis7/artistWebsite index.html - это основной файл.Css находится в css / custom.css.

HTML: 

<div class="grid" data-masonry='{ "itemSelector": ".grid-item", "columnWidth":200 }'>
        <div class="grid-item grid-item--width2"><img src="art/yugioh.jpg" class="art"></img></div>
        <div class="grid-item grid-item--width2"><img src="art/splashwoman.png" class="art"></img></div>
        <div class="grid-item grid-item--width2"><img src="art/shrinking_shroom.png" class="art"></img></div>
        <div class="grid-item grid-item--width2"><img src="art/sam_sip.png" class="art"></img></div>
        <div class="grid-item grid-item--width2"><img src="art/melia.png" class="art"></img></div>
</div>

CSS: 

div.grid-item {
  width: 200px;
  float: left;
}

div.grid-item--width2 {
  width: 400px;
}

div.grid-item--width3 {
  width: 600px;
}

div img.art {
  display: block;
  width: 100%;
  height: auto;
  float: left;
}

1 Ответ

0 голосов
/ 29 сентября 2018

Поскольку я не могу комментировать, вы это проверили?

Невозможно инициализировать масонство с помощью JQuery

Насколько я понимаю, вы должны использовать JavaScript или jquery для инициализации кладки

...