@web_structure
Galeups19.06.2017
18:18:59
18:18:59
есть способ расположить блоки разной высоты в три колонки, без использования колонок?
без плагина масонри )
Web19.06.2017
18:19:17
18:19:17
есть способ расположить блоки разной высоты в три колонки, без использования колонок?
орнул )))) можно еще раз толькопоконкретнееGaleups19.06.2017
18:19:38
18:19:38
кирпичной кладкой по вертикали
GoogleWeb19.06.2017
18:19:38
18:19:38
есть способ расположить блоки разной высоты в три колонки, без использования колонок?
флексы не хочешь использовать?
S̶m̶°̶O̶k̶™?✔️19.06.2017
18:19:51
18:19:51
есть способ расположить блоки разной высоты в три колонки, без использования колонок?
В 3 колонки без колонок?Galeups19.06.2017
18:19:54
18:19:54
а че можно? )))
Maria19.06.2017
18:20:36
18:20:36
без использования чего?)
Vsevolod19.06.2017
18:20:46
18:20:46
есть способ расположить блоки разной высоты в три колонки, без использования колонок?
3 блока расположить в одну горизонталь имелось ввиду?Galeups19.06.2017
18:20:48
18:20:48
ну да, если использовать колонки, то получается порядок будет сверху вних, а мне нужен порядок построчно
3 блока расположить в одну горизонталь имелось ввиду?
да, но они разно высоты, и под ними будет такая же строка, и чтоб они встали плотненько с верхимиS̶m̶°̶O̶k̶™?✔️19.06.2017
18:21:56
18:21:56
Тебе типа так надо ?
Vsevolod19.06.2017
18:22:23
18:22:23
ну да, если использовать колонки, то получается порядок будет сверху вних, а мне нужен порядок построчно
заключаешь три блока в один большой, каждому из них задаешь ширину, первому выравнивание по левому краю и далее через position их выравниваешь
Anton19.06.2017
18:22:48
18:22:48
без плагина масонри )
где то недавно натыкался на статью по этому поводу, но вроде там на гридах шарахнули
GoogleVsevolod19.06.2017
18:25:36
18:25:36
так ты стандартными средствами не сделаешь. Это по любому js.
Galeups19.06.2017
18:25:38
18:25:38
в две клонки без проблем флотами, а вот три ...
блин, как ни крути масонри подключать (
Anton19.06.2017
18:27:20
18:27:20
да... с помощью css эт только вертикальными полосами пускать... тип как тут http://w3bits.com/labs/css-masonry/
ну или есть еще несколько примеров, но суть все равно в вертикальной направленности
Galeups19.06.2017
18:28:14
18:28:14
ну да видел пример колонками с column-count
но там порядок получается сверху вниз
Anton19.06.2017
18:29:04
18:29:04
да... по горизонтали только js, не думаю что есть способ)
Vsevolod19.06.2017
18:31:54
18:31:54
если бы блоки были расположены не беспорядочно, а строго колонками, можно было бы или табличную вёрстку применить, или блочную, но поскольку у блоков высота, а соответственно и позиционирование разные - только js
Galeups19.06.2017
18:35:00
18:35:00
ок, спасибо за советы
A.19.06.2017
18:40:14
18:40:14
Ребята! Может кому-то будет интересно.
Vsevolod19.06.2017
18:41:43
18:41:43
Спасибо, полезно. Добавил в закладки)
You19.06.2017
18:43:51
18:43:51
и чтоб порядок слава на право шел, а не по колонкам сверху вниз
Три дива (3 строки) с display: flex, в каждом три блокаGaleups19.06.2017
18:44:42
18:44:42
строки по высоте не состыкуются, не?
Vsevolod19.06.2017
18:46:03
18:46:03
строки по высоте не состыкуются, не?
Я вот тоже сижу, соображаю. При таком подходе блоки будут в одну линию по высоте, а задача в другом.Galeups19.06.2017
18:48:15
18:48:15
если флекс использовать, то опять же flex-direction: column
и опять скатываемя на колонки
инетерсно вот так встанет?
Vsevolod19.06.2017
18:50:40
18:50:40
хм...пробуй, потом расскажешь))))
GoogleVsevolod19.06.2017
18:56:24
18:56:24
Сарказм? Почему сообщение удалили?
отнюдь, реально добавил.
Удалили скорее всего
❌ Ссылки на другие чаты, каналы,ForwardA.19.06.2017
18:56:25
18:56:25
А, ясно.
Больше проблем не будет.
https://gridbyexample.com/patterns/ может кому пригодится :)
You19.06.2017
19:05:12
19:05:12
@Galeups тебе нужно без flex-direction column?
Galeups19.06.2017
19:05:40
19:05:40
мне порядок нужен не сверху вниз, а справа налево
строками
птому что контент будет подгружатся, и получается чтоб сверху были более новые плитки анонов
ну круто, че.
You19.06.2017
19:10:22
19:10:22
а ты не смотрел, как это на других сайтах сделано?
You19.06.2017
19:13:17
19:13:17
чистый css нужен?
Empty19.06.2017
19:13:17
19:13:17
есть кто nginx настраивал сам?
Galeups19.06.2017
19:13:26
19:13:26
да поголовно все масонри используют
Alexey19.06.2017
19:15:45
19:15:45
Привет! Подскажите, как правильно использовать сетку?
дизайнер нарисовал страницу с тринадцатым столбцом, но с настадартными падингами и прочим
You19.06.2017
19:17:38
19:17:38
@Galeups вот если бы можно было использовать nth-child внутри nth-child
GoogleYou19.06.2017
19:17:47
19:17:47
то все бы получилось
Galeups19.06.2017
19:21:23
19:21:23
))
Собир19.06.2017
19:45:18
19:45:18
13 колонка ?
Sergey19.06.2017
20:27:57
20:27:57
Не совсем понял, но абсолютное позиционирование не подойдёт?
AdminERROR: S client not available
Jasmine19.06.2017
21:02:53
21:02:53
скажите , разве можно так делать ?
желтые пятна не отделяются )
макет такой
это все один слой
это мне такой прислали макет
Eugene19.06.2017
21:05:48
21:05:48
удааачи:)
Jasmine19.06.2017
21:06:23
21:06:23
хаха, да, она мне только и поможет )
Web19.06.2017
21:27:38
21:27:38
скажите , разве можно так делать ?
дизайнер если бы дал бы мне такое, не думаю, что был бы сейчас живойDeil19.06.2017
21:27:47
21:27:47
Всем привет. Кто-то писал плагины для ckeditor? Что-то разобраться не могу как интегрировать туда свой слайдер)
GoogleWeb19.06.2017
21:28:09
21:28:09
чтоб пятна дал отдельно ))
зачем пятна давать отдельно он пусть слоем делает, а она уже ручками, нечего все фоном делать
Alisher19.06.2017
21:34:29
21:34:29
Салют
Народ
есть кто не спит ?
народ помогите с этой штукой
самая верхняя
радужная шапка
есть кто подобное верстал ?
Web19.06.2017
21:41:38
21:41:38
мда, дизайнеры в своем репертуаре
Владислав19.06.2017
21:44:20
21:44:20
Хэй, про всех то не надо)
Открыть в Telegram