Вы здесь

Как можно получить следующий внешний вид?

0

Добрый вечер, подскажите пожалуйста, как бы вы получили следующий внешний вид

Т.е. допустим имеется регион содержимое где идёт различный контент в виде блоков, и в один момент нужно поставить 2 блока (Views) вместе вертикально, а после чего продолжить дальше ставить обычный блоки во всю ширину

Версия Drupal: 
7.x
Категория: 
Theming
Вопрос задан 12.06.2016 - 22:05

Ответы

0

Нужно сделать 2 div'a c float left и использовать clearfix, https://css-tricks.com/snippets/css/clear-fix/

.оба {
float: left;
width: 50%; 
min-width: 200px;  /* если верстка резиновая */
}
.первый-div:before {
  content: "";
  display: table;
  clear: both;
}
.последний-div:after {
  content: "";
  display: table;
  clear: both;
}

Использовать inline-block не советую! В данном случае это не в тему, как указывает название, inline-block нужен, чтобы в поток текста запихнуть сложный inline элемент, например, картинку с подписью. А в вашей ситуации это конкретно блочные элементы и если вы решите использовать inline-block, то вам потом придется корячится превращая потоковый элемент в блок. Намучаешься с css. Ну, и, такая практика противоречит semantic-web.

Ответ дан 14.06.2016 - 17:56

в принципе так и поступил как вы сказали (float, clear:both)
в статье от liland способ работает, но какой то изврат получается

Комментарий оставлен 14.06.2016 - 20:23
0

Получить вывод надо или отформатировать вывод чтобы стояло в столбик?
Если первое - два представления.
Если второе - сss display:inline-block; для обеих блоков

Ответ дан 12.06.2016 - 22:15

это будут 2 вьюхи.
Т.е. предлагаете просто 2 подряда блока с шириной в 50% и плюс display: inline-block?

Комментарий оставлен 12.06.2016 - 22:18

Да, только ширину в 49% или применять решение для удаления автоматически добавляемых интервалов между инлайн-блоками.

Комментарий оставлен 12.06.2016 - 22:22

удивительно, у меня так сказать контейнер где находятся блоки 770px
я сделал эти 2 блока 50%, они идеально стали 385px каждый, но не влазит, упорно второй лезет под первый

перёшёл на жёсткие пиксели, и результат нужный стал на 383px ширины

это и есть эти автоматические блочные интервалы, вроде всё весь чёрным по белому написано, почему не влазит?
не хочется делать 49% или 383px, перфекционизм принципиально не даёт

Комментарий оставлен 13.06.2016 - 20:18