Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.05.2017, 22:47
Интересующийся
Отправить личное сообщение для Шалун Посмотреть профиль Найти все сообщения от Шалун
 
Регистрация: 22.05.2017
Сообщений: 10

Изучаю js. Пожалуйста, помогите
Masonry - вывод блоков в виде кирпичной кладки

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


Если смотреть более объективно, то весь код выглядит так:

<!DOCTYPE html>
 <HTML>
 <head>
  <title> E</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <?php include("2.php"); ?>
<script src="/js/masonry.pkgd.min.js"></script>
 
 </head>
 
<style>
 
.item img {
  width: 300px;
  height: 200px;
}
</style>
 
 <body>
 
 
<?php
$Ho = get_Ho ();
 
foreach($Ho as $it) : ?>
 
<div id="container" class="container">
    <div class="item">
       <a href="#"><img src="<?= $it['images']?>"  /></a>
    </div>
    
  </div>
 
<?php endforeach;?>
 [JS]
<script type="text/javascript">
 
  var container = document.querySelector("#container");
  var msnry = new Masonry(container, {
    columnWidth: 300,
    itemSelector: ".item",
    gutter: 15
  });
</script>
[/JS] 
 </body>
 </html>
Ответить с цитированием
  #2 (permalink)  
Старый 23.05.2017, 08:11
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

.container > .item {
    display: inline-block;
}
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите с уведомлениям. Пожалуйста. dezytube jQuery 6 16.06.2015 22:59
Слайдер - карусель блоков (помогите пожалуйста) Viktor.Poberezhniy Общие вопросы Javascript 3 22.07.2014 12:46
Помогите пожалуйста вычислить общую сумму katalizator Общие вопросы Javascript 15 22.03.2013 16:26
Помогите пожалуйста правильно написать скрипт raffx Events/DOM/Window 17 16.10.2012 20:31
помогите задать переменную в js bsgroupua Общие вопросы Javascript 3 01.02.2010 18:28