Фильтр по:
  

Блоки DIV и их оптикание друг за другом.

Ленивые вопросы

  • Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Основы, Уроки, Пояснения, Подробности и подобное. » Ленивые вопросы » Блоки DIV и их оптикание друг за другом. (Блоки DIV и их оптикание друг за другом)
Блоки DIV и их оптикание друг за другом.
Дата: Четверг, 14.11.2013, 15:11 |
TokyoZero
Сержант
Группа: Проверенные
Сообщений: 30
Награды: 0
Репутация: 0
Статус: Offline


 Здравствуйте, столкнулся со следующей проблемой сделал вывод статей колонками по 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
 
Дата: Четверг, 14.11.2013, 20:54 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 TokyoZero,
Цитата TokyoZero, Чт, 14.11.2013, 15:11:42
Однако следующий ряд статей полностью ровняется по линии а не обтекает каждую свою колонку. Изображение прикладываю.

Вообще-то так и должно быть - элементы инлайновые, имеют базовую линию.. все правильно так и должно быть.
А вы как хотели?

 
Дата: Пятница, 15.11.2013, 09:07 |
TokyoZero
Сержант
Группа: Проверенные
Сообщений: 30
Награды: 0
Репутация: 0
Статус: Offline


 Что бы блоки располагались в 3 колонки и последующие нижние ряды были на 25px ниже в зависимости от верхнего блока, а не самого длинного в ряду.

 
Дата: Пятница, 15.11.2013, 09:38 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 TokyoZero,
Цитата TokyoZero, Пт, 15.11.2013, 09:07:52
Что бы блоки располагались в 3 колонки и последующие нижние ряды были на 25px ниже в зависимости от верхнего блока, а не самого длинного в ряду.

Тогда так и делайте - три колонки, в каждой свои материалы ..
Достаточно сложно будет реализовать на чистом CSS

 
Дата: Пятница, 15.11.2013, 12:24 |
TokyoZero
Сержант
Группа: Проверенные
Сообщений: 30
Награды: 0
Репутация: 0
Статус: Offline


 ок спасибо попробую

 
Дата: Пятница, 15.11.2013, 19:42 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 TokyoZero,
Цитата TokyoZero, Пт, 15.11.2013, 12:24:28
ок спасибо попробую

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

 
Скрипты и коды для юкоз - Форум аццкого кодера » Основы, Уроки, Пояснения, Подробности и подобное. » Ленивые вопросы » Блоки DIV и их оптикание друг за другом. (Блоки DIV и их оптикание друг за другом)
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия