[Ликбез]

Форма входа
Логин:
Пароль:

Меню сайта


Скрипты и коды для юкоз - Форум аццкого кодера » Ленивые вопросы » Блоки DIV и их оптикание друг за другом.

Блоки DIV и их оптикание друг за другом.
[1] TokyoZero [14.11.2013, 15:11]
Здравствуйте, столкнулся со следующей проблемой сделал вывод статей колонками по 3 статьи в ширину. Однако следующий ряд статей полностью ровняется по линии а не обтекает каждую свою колонку. Изображение прикладываю.

Вот код класса самих блоков код для всех 1н.

Код
.blok {
      outline:0px solid #cc0000;
      width: 32%;
      min-height: 200px;
      position: relative;
      background-color: #F0EFE9;
      margin-left: 1%;
      margin-bottom: 2em;
      display: inline-block;
      background-attachment: scroll;
      background-image: none;
      float: left;
}
Прикрепления: 2692058.jpg (75.1 Kb)


Сообщение отредактировал TokyoZero - Четверг, 14.11.2013, 15:12
[2] likbezz [14.11.2013, 20:54]
TokyoZero,
Цитата TokyoZero, Чт, 14.11.2013, 15:11:42
Однако следующий ряд статей полностью ровняется по линии а не обтекает каждую свою колонку. Изображение прикладываю.

Вообще-то так и должно быть - элементы инлайновые, имеют базовую линию.. все правильно так и должно быть.
А вы как хотели?
[3] TokyoZero [15.11.2013, 09:07]
Что бы блоки располагались в 3 колонки и последующие нижние ряды были на 25px ниже в зависимости от верхнего блока, а не самого длинного в ряду.
[4] likbezz [15.11.2013, 09:38]
TokyoZero,
Цитата TokyoZero, Пт, 15.11.2013, 09:07:52
Что бы блоки располагались в 3 колонки и последующие нижние ряды были на 25px ниже в зависимости от верхнего блока, а не самого длинного в ряду.

Тогда так и делайте - три колонки, в каждой свои материалы ..
Достаточно сложно будет реализовать на чистом CSS
[5] TokyoZero [15.11.2013, 12:24]
ок спасибо попробую
[6] likbezz [15.11.2013, 19:42]
TokyoZero,
Цитата TokyoZero, Пт, 15.11.2013, 12:24:28
ок спасибо попробую

Пробовать .. ну как бы, не очень разумно, так как организовать можно либо скриптом, либо свойствами :after и :before .. в любом случае костыли, при чем не очень надежные..


Полная версия сайта