бамп

бамп

bump

бамп

бамп

бамп

шо тебе надо?

высоту то захардкодил ты нахуя?
и что вообще ты хочешь?

>>174250642
Поставить блок на место.

Почему он вываливается оттуда? Это же флекс. Я не понимат.

>>174250797
А как иначе? Захардкодил высоту фотновой пикчи, в противном случае блок сплющивается по высоте.

.two {
flex-basis: 45%;
background-color: rgb(255, 120, 220);
}

>>174250878
>фоновой
самофикс

и что это за ебнутые 45% 45% 55%?

как у пыни на "выборах" 146% хочешь получить?

делай float и не выебывайся, ишь какой шустрый

хохохо, даун

>>174250878
тогда на что показывает стрелка? что неправильно?

Я дурак, там у второго и третьего блока должна быть высота в сумме как у первого блока, вот так - https://codepen.io/anon/pen/PRgxvY

Но это сути не меняет

>>174250998
Я проебался с высотой на 2 и 3 блоке.
Там должно быть, скажем 120 и 180 высоты. А у первого 300.

Нужно, чтобы было условно говоря как пикрил.

https://codepen.io/anon/pen/PRgxvY

>>174251179

УЧКУДУУУК ДВЕ КОЛОНКИ

зочем ты это всё делаешь?

так то для всей этой хуйни html-теги есть

>>174251373
ДАНУ, ПРАВДА ЧТОЛИ?

>>174251373
еще можно компьютерные программы использовать

>>174251350
1. overflow
2. no

>>174251417
>>174251406
да, дауны
https://jsfiddle.net/20fet497/1/

>>174251494
> 1. overflow
> 2. no
Пасиб(

>>174248880 (OP)
<div class="wrap">
<div class="one"></div>
<div class="four">
<div class="two"></div>
<div class="three"></div>
</div>
</div>

.wrap {
display: flex;
}

.one {
flex-basis: 55%;
background: red;
height: 300px;
}

.two {
background: green;
height: 120px;
}

.three {
background: blue;
height: 180px;
}

.four {
flex-basis: 45%;
}

>>174251696
А как насчёт того, что в ОП-посте?

>>174248880 (OP)
https://codepen.io/anon/pen/jzRJWN

>>174251932
section убери

>>174251696
Красавелла жи есть!

>>174251968
>>174252111
Так вопрос в том, как это сделать без доп. обёртки!

>>174252201
ебать ты кретинские условия на ходу придумываешь

>>174252313
Ну так что, не знаешь как?

бамп

>>174252409
можно даже без твоей обертки, дункан ты блядь

https://codepen.io/anon/pen/pLBYrg

>>174252652
>float: left;
Флоатопетух закукарекал.

>>174252717
ссу тебе в тупую голову

>>174252813
Пидор.

>>174252813
>float
Ну ты и проткнутый пидар....

https://codepen.io/anon/pen/QmPomb
вот такое решение есть

>>174252869
>Пидор.
>>174252993
>Ну ты и проткнутый пидар....
Так, девочки не ссорьтесь!

>>174253005
я написал вам решение, оцените, годно ли, или хуйня?

>>174253005
хыыы смищно)))))

>>174253104
плюс, оп не написал, при уменьшении страницы, должны ли складываться блоки

>>174253150
ты долбоёб или да?
Он должен под вторым быть.

Эх ты, алёша ебанный....

>>174253199
>row flex
>ожидать что он будет вторым
МХЭХ, поссикал тебе в рот v2

>>174253121
что смешно? ты еблан?

>>174253104
>table
Уёбывай.

>>174253374
предлагай лучше, или фсе, только 1 слово способен написать?

>>174253423
>предлагай лучше
>table
>2018
Флексбоксы.

>>174253423
Grid

>>174253104
щас он тебе напишет
> display table
пидар

>>174253453
так сделай лучше, и кинь решение, или только здесь кукарекать можешь?

>>174253491
>сделой за меня
Ты это хотел сказать? Лень вспоминать css ради дауна с двача.

>>174253556
нет, я не оп. мне это нах не надо, я предложил рабочее решение
просто ты кукарекаешь, и как до дела доходит
>я не вспомню, я не могу, я ни хачу
так тогда не пизди,
сложно вспомнить когда не знаешь, правда?

>>174253674
Ну давай я тебе показываю решение а ты нахуй с двача уёбываешь навсегда, кукаретик? Готов? Таблицами верстали в начале нулевых блядь, иди ещё на перфокартах код начни писать, даун малолетний.

>>174253674
Анон прав, таблицы это пидерастия в чистом виде

>>174253805
Хорошо. Объяснишь почему?

>>174253875
Потому что таблицы сделаны для таблиц. /th

>>174253963
пиздец чувак.. Так и думал, что ничего годного не скажешь

>>174253999
http://htmlbook.ru/content/tablichnaya-verstka
https://ru.wikipedia.org/wiki/%D0%A2%D0%B0%D0%B1%D0%BB%D0%B8%D1%87%D0%BD%D0%B0%D1%8F_%D0%B2%D1%91%D1%80%D1%81%D1%82%D0%BA%D0%B0
Ну на, петух, читай. Читать то умеешь надеюсь?

>>174253875
Потому что семантика не должна смешиваться с оформлением. Подумай над этой фразой

>>174255007
ссылку плез, я посмотрю.

>>174255052
https://codepen.io/anon/pen/vRMMzN

>>174255073
а теперь, пошел нахуй
>Так вопрос в том, как это сделать без доп. обёртки!
читай опа а не пизди, так и я могу

>>174255174
Какой обёртки, где читать?

>>174255238
ответ №174252201 читай, там предлагали решение с оберткой уже

>>174255272
>>174252201

>>174255272
Без флекса?

>>174255238
ты добавил обертку
> <div class="flex col">
я сделал без нее.

>>174255312
меняй только css, не меняй HTML, так проще?

>>174255315
Ясноу. Пиздец вы дауны. Флекс не сделаешь без обёртки:3

>>174255348
https://codepen.io/anon/pen/vRMMzN
На, без обёртки)0

>>174255472
>https://codepen.io/anon/pen/vRMMzN
в смысле? ты тупой? ты или не сохранил, или ты тупой

>>174255272
>>174255174
если этот дункан делает макет и такой дохуя современный - пусть беред грид и не выебывается,

если он хуевертит какую то хуйню с "захардкоженными высотами под фоновую картинку" может делать как угодно и не тоже не выебываться.

>>174255609
ты дебил?
> <div class="flex col">
это что?

>>174255719
Это вторая обёртка. Без неё ты не выйдешь из потока основного флекса. Кароч иди нахуй и делай как тебе выше сказали из говна и палок, пока белые люди будут юзать флексы. бляяя фэйс вот ты флексишь

>>174255789
бляяяяяя, вот ты тугой пизда.
Я говорю, что это можно решить без доп обертки, как и просил оп.
Ты говоришь, Я РЕШУ ЭТО БЕЗ ОБЕРТКИ!
Сделал с оберткой и орешь что решил без обертки и вообще все тупые пидарасы а ты дартаньян, ты тупой до ужаса чувак..

>>174255789
каждый раз сажу ебашишь чтоб никто не видел твоей тупости?

>>174256105
>Ты говоришь, Я РЕШУ ЭТО БЕЗ ОБЕРТКИ!
Нук покажи где я так сказал.

>>174256105
>бугуртить из-за одного тега
>РЯЯ ЕБАТЬ ТЫ ТУПОЙ РЯЯЯ
Уроки сделал, дегенерат?

>>174256229
я не бугурчу, просто ты дохуя умный думаешь.
Не почитав ТЗ, вот такие программы потом и пишут,
если ты программист - ты хуевый программист.

мимо бэкэнд немногофронтеэнд программист

>>174256229
заказчик требует лошадь, ты собаке надел маску лошади, на скотч приклеил хвост и говоришь что вот лошадь

Ну что, никто не догадался, как это сделать без лишней обёртки?

>>174256578
https://codepen.io/anon/pen/mxgYeR
не подходит?

>>174256399
Программист-костыльщик называет меня хуёвым программистом. Сёрнул, спасибо. В общем так, объясняю тебе как ебучему дауну которые на разбирается в деле. Мне похуй что там требует заказчик, фронтенд я выполнил, и выполнил ахуенно. Меня адекваты не обоссут за табличную вёрстку из 2000 годов, не обоссут за float в 2018. Это единственное верное решение данной задачи, всё остальное будет костыльной хуетой. Так кто тут хуёвый программист?

>>174256610
>>174253121

>>174256611
бля, чувак МНЕ НУЖЕН ИМЕННО ТАКОЙ HTML, я его не могу изменить, я могу только менять css, предлагай решения

>>174256718
Сделай aside {float: left}, долбоёб. Но повторю, флоты в 2018 это говно ебаное. Белые люди создали флексы, нет хочу говно жрать.

>>174256977
Ты даун, я на флексах сделал, какие таблицы.

>>174257006
че ты пиздишь, выше таблицами предлагал уебок и не отмазывайся

>>174257049
Я с сагой весь тред пишу, уёбок. Выше объяснил что таблицы это хуета доисторическая

>>174257006
Ну и где ты сделал на флексах?

>>174256986
Это не адаптивно же

вообще, куда оп съебал???? он решил свою проблему?

>>174257172
>>174257158
>Ну и где ты сделал на флексах?
>>174257316
>Мне нужно на флексах
>И без дополнительной дивянки
Это невозможно. /thread

>>174257377
пиздуй уже..

Вообще, я видел элементарное решение, как это делается, но не могу нагуглить. Поэтому пришёл на сосач за советом, а тут какой-то клоун семёнит с таблицами и флоатами.

Где все гуру фронтенд-разработки?

>>174257433
Да я посижу, посмотрю на ваши "гениальные" решения.
>>174257461
>но не могу нагуглить
Потому что такое невозможно.

>>174257520
хватит сагать, может кто толковый придет, и откроет нам всем глаза

>>174257461
В воркаче

>>174257602
Сага не опускает тред, чего такого то? Просто не бампаю вашу шизу. Вспомнил тредшот про "
- ДВАЧ КАК ЕСТЬ СУП ВИЛКОЙ?
- ВОЗЬМИ ЛОЖКУ
- ПОШЛИ НАХУЙ"

Вот тут второе решение без дивянок и на флексах
https://stackoverflow.com/questions/34380985/how-to-make-side-menu-with-flexbox


Но не могу понять, как оно работает. Кто пояснит?

>>174257461
>Где все гуру фронтенд-разработки?
я тут
мой вердикт - ты конченый,
тебе надо серьезно задуматься над своим умстевнным здровьем, а верстка этой хуйни - последняя проблема о которой тебе стоит беспокоиться

>>174257971
DEMO1 имееешь в виду? Но там же есть доп див не?

>>174257971
Вот чисто с точки зрения логики, ты хочешь чтобы у тебя в ROW потоке флекса, в котором каждый элемент идёт друг за другом в строку два блока ВДРУГ ОБЪЕДИНИЛИСЬ БЕЗ ОБЁРТКИ? Ты правда даун?

>>174258183
Да, по логике не верно. а если как-то попробовать указать 2 последним блокам, что они должны как-то хитро взаимодействовать?
да, я наркоман

>>174258303
Это невозможно, я тебе сказал уже. Либо ты делаешь обёртку, либо делаешь без флексов.

>>174258354
да чувак, я не оп, я бы тоже добавил обертку, но видимо у него нет возможности. проще сделать без флексов и забыть, но может и правда есть решение на флексах, css непредсказуемая штука.. Там может быть что угодно

>>174258475
>может и правда есть решение на флексах
Нет. В будущем может приколхозят возможность изменять высоту ОДНОГО элемента в разных местах, чтобы можно было лесенки ебашить из одного дива и туда блоки пихать. нет

>>174258101
Нет, ниже:
>Here is a solution doing exactly what you asked, with your structure kept and a media query to re-position the aside when screen gets bigger.

бамп!

>>174259383
Он впиздякал column и выкитываешь aside из потока.

bump

flex-flow: column wrap;

>>174260092
Хули ты бампаешь. Тебе сказали без дополнительной обертки на флексах не сделать.

bump