0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 411 Просмотров
*

JaneFaint

  • Осваиваюсь на форуме
  • 121
  • 3
Всем добрый день!
Прошу помощи, как расположить блоки таким вот образом? Номер блока обозначает порядок стояния в коде. Не могу понять как прописать inline-block чтобы получилось как надо, всё какая-то каша-малаша выходит.


Спасибо.
« Последнее редактирование: 28.07.2016, 16:37:23 от JaneFaint »
*

Ilhom666

  • Живу я здесь
  • 1305
  • 166
имхо вы тут одним CSS-ом не отделаетесь, со скриптами решений много - например
*

draff

  • Практически профи
  • 2773
  • 172
  • step by step
То есть две колонки не подходит 65% и 34%?
Удалю вирус с сайта. Тема в коммерческом разделе
Создам плагин , модуль под заказ для VirtueMart , JoomShopping
*

JaneFaint

  • Осваиваюсь на форуме
  • 121
  • 3
То есть две колонки не подходит 65% и 34%?
Если 2 колонки, то расположение блоков в коде придется поменять., т.е будет 1,3,2,4.
Расположение в коде именно такое, чтобы при сжимании страницы они потом встали друг под другом. Если есть какой-то другой способ, буду рада узнать.
« Последнее редактирование: 28.07.2016, 11:24:06 от JaneFaint »
*

AlekVolsk

  • Профи
  • 6312
  • 336
Если 2 колонки, то расположение блоков в коде придется поменять., т.е будет 1,3,2,4.
Расположение в коде именно такое, чтобы при сжимании страницы они потом встали друг под другом. Если есть какой-то другой способ, буду рада узнать.
Нет такого способа, кроме как применять абсолютное позиционирование, это можно реализовать на чистом CSS, но вам придется для каждого разрешения экрана дофига всего прописывать, лучше это сделать скриптом, пример которого и дан по ссылке выше. Как альтернатива. можно воспользоваться фреймворком uikit, там подобный скрипт в базе функционала: http://getuikit.com/docs/grid-js.html
*

JaneFaint

  • Осваиваюсь на форуме
  • 121
  • 3
можно воспользоваться фреймворком uikit, там подобный скрипт в базе функционала: http://getuikit.com/docs/grid-js.html
Это интересно, буду изучать.
Спасибо!
*

JaneFaint

  • Осваиваюсь на форуме
  • 121
  • 3
Всё получилось! Помог uikit и его Dynamic Grid!
Всем большое спасибо!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

[Решено] Слетает правый сайдбар на шаблоне protostar

Автор Mick_20

Ответов: 3
Просмотров: 267
Последний ответ 07.09.2017, 10:10:40
от Mick_20
[Решено] Прошу помощи - кособочит форму ввода

Автор zndm

Ответов: 3
Просмотров: 434
Последний ответ 07.02.2017, 12:16:23
от zndm
[Решено] UiKit: сетка на 12 колонок, а также на 7, 8, 9 и (для uikit3) 10

Автор AlekVolsk

Ответов: 0
Просмотров: 517
Последний ответ 26.01.2017, 16:35:58
от AlekVolsk
[Решено] Фиксированный фон в CSS

Автор slepoy

Ответов: 2
Просмотров: 4552
Последний ответ 29.12.2016, 00:25:12
от vanya_pushkin64
Не могу найти где закодирован цвет

Автор olderman

Ответов: 2
Просмотров: 335
Последний ответ 15.12.2016, 11:50:58
от darkghost