Блджад, веб-дизайнеры с двоща, я запутался. Помогите зелёному!Если в дочернем блоке <div>, прописать "float:left", то где писать "overflow: hidden", чтобы следующий за ним: А) ещё один дочерний блок; Б) следующий отдельный блок - не обтекал его?
1
2
>>175135970 (OP)>верстать float'ом>2018 anno dominiХуя дурак!
>>175135970 (OP)Обтек тебе на все ебало. Твои действия, мартыхан?
>>175136128Дык я ж только учусь
>>175136202Ну и нахуй ты это высрал?
>>175136267Ничего другого ты не заслужил.
3
>>175136230Ну так учись лучше нужной хуйне - флексбоксам, там.
>>175135970 (OP)htmlbook.ru
>>175136305Анон, я хочу для начала этот момент понятьТы можешь объяснить?
>>175136353Там общие сведенияЯ хочу понять конкретно описанные мною моменты
4
Мда, я нихуя не понял. Мой тебе совет, на будущее, хочешь что бы тебе помогли ( только не на двачах), делаешь пример где-нибудь на кодепене и скидываешь свой вариант, объясняя что тебе нужно.
>>175136648Не уходи далеко, если можешь помочьРаспишу через пару минут
>>175136962Просто создай пен, так будет всё проще.https://codepen.io/
>>175137029Я с телефонаТам ещё регаться нужноПроще так написать будет
>>175135970 (OP)https://codepen.io/anon/pen/YLNeYg
>>175136305Ах ты пидорасня ебаная. Пиздить вас надо за ваши флексы-хуексы, которые кроме хрома нигде нормально без костылей не работают.мимо начальник отдела верстки
>>175135970 (OP)Ну короче, погнали.Ебашишь элементу float: leftСоздаешь его родителю псевдоэлемент :after со свойством clear: both.Вуаля, ты пофиксил выбитый из потока элемент.overflow: hidden используется не для того, чтобы пофиксить обтекание.Спрашивай еще вопросы, у меня плойка наебнулась, сижу и грущу ИТТ.
>>175137391>>175138388Смотрите, аноныДелал так, как было показано на видеоК левой колонке я применил обтеканиеМне нужно: А) Просто сдвинуть левую колонку влево, так чтобы её обтекала правая, но "подвал" сайта не обтекал;Б) Сдвинуть влево левую колонку так, чтобы правая и футер не обтекали еёГде писать overflow:hidden и почему?Или же почему не стоит писать его вовсе?
>>175138826Отклеилосьhttps://codepen.io/anon/pen/deNdLE
>>175138826margin-left: 420px; у правой колонки, overflow hidden не нужен, родителю колонок добавляешь псевдоэлемент :after, у него display:table; content: ''; и clear: both;
>>175138975Я теперь ещё больше потерялсяМожешь, пожалуйста, кинуть линк на статью или урок связанный с этим
>>175138975Напиши в пене, как правильно, если не сложноА то я тупой пиздец
>>175135970 (OP)на стэковерфлоу забанили штоле?
Вопрос остаётся открытым, поэтому продолжаю бампатьАнон который мог помочь исчез (дефятка((9(
>>175139684Нет, я только недавно начал учить всё это. О многом не знаюА тут все мои друзья
>>175139732https://codepen.io/oszis113/pen/OZWvRWДержи
>>175135970 (OP)ФЛЕКСБОКСЫЛЕКСБОКСЫ
>>175139881СпасибоА почему overflow не нужно использовать?
>>175139881>>175139732А вообще, почитай документацию бутстрапа последнего, годная вещь, там многое для новичков расписывается.
>>175139932Это в CSS 3?
>>175140116Спасибо, добрый самаритянинОфтоп: как ускорить инет на плойке кроме замены DNS на гугловский? Особенно если ты раздаешь его через мобильный
>>175140086Это свойство нужно для того, чтобы скрыть элементы, выходящие за родительский блок. Например, ты хочешь сделать аватарку пользователя и делаешь так:https://codepen.io/oszis113/pen/VxPXbLОверфлоу нужен для того, чтобы картинка не вышла за пределы родителя. object-fit - для того, чтобы она пропорционально ужалась под размеры родителя. Но object-fit хуево поддерживается старыми браузерами
>>175140331Ага, ронялНо не могу понять, как и где ты прописал, так, чтобы картинка не просто скрылась, а скрылась закруглённо
>>175140611Понял*
все уебанские браузеры которые не могут в CSS3 вместе с пидорахами юзающими их идут нахуйОП, кончай страдать хуйнёй и учи флексбоксы, иначе хуй кто твои стили поймет включая тебя
>>175140928За совет спасибоНо перед тем как к CSS 3 приступитьХочу закончить с более старыми его версиями, для лучшего пониманияА вообще что сложнее HTML и CSS или HTML 5 и CSS3?
>>175141061Ничего не сложнее, более новые версии спецификаций приносят только новые рулы, мб еще немного меняют поведения уже существующих, но по сути таже хня
>>175140611border-radius 50% у родителя
>>175140928Ололо, иди работай на западный рынок без опыта работы, довен. И даже там тебе придется поддерживать IE и EDGE, долбоеб. Кукарекают тут всякие, "пидорахи, устаревшее говно", а потом хуй без соли жрут, потому что нихуя не умеют
>>175141540Всё, дошлоБлагодарочка
Аноны, а как вы считаетеС появлением такой штуки как "конструкторы сайтов" снизится ли потребность в веб-дизайнерах и стоимость их оплаты?
>>175141944Нет. Конструкторы сайтов уже давно появились, но если ты пилишь ориджинал контент, создаешь что-либо новое, потребность в тебе как в специалисте не отпадет. Велика вероятность, что ты просто начнешь использовать конструктор сайтов в своей работе и просто увеличишь стек своих навыков как профессионал. Мы на работе прикола ради собрали на одном конструкторе лендинг для администрации города за 3 дня вместе с дизайном, версткой и интеграцией. Говна немножко поели, но выучили новую фишку и теперь можем быстро лендинги клепать, если сильно захочется.
>>175142346О, это радуетА то я боялся, что в 3018 поздно вкатываться в веб-дизайн
>>175143748Сука, дурак2018*пишу из будущего
>>175135970 (OP)оверфлоу же за другое отвечает, clear: both надо писать после последнего флоата, чтобы идущие дальше элементы не обтекали первые
>>175143996Типа:.left-bar{float:left; clear:both;}?
>>175143996Это старый урок, который я смотрелИ там парень именно таким образом отменял обтекание
>>175144111нет, для clear both нужно создавать еще один элемент.1 {float: left;}.2 {float: right;}.3clear {clear: both;}
>>175144596Тобишь, если .1{float:left}То .2{clear:left?
>>175144691Да
>>175138273https://caniuse.com/#feat=flexbox
>>175135970 (OP)>floatпздс ща флексы скоро устаревать в пользу гридов начнут а ты про флоат
>>175144752А clear прописывать стоит в атрибутах к следующему элементуИли просто отдельной строчкой там, где нужно отменить float?
>>175144825Не спорю, но как говорится: "У человека не знающего прошлое - нет будущего"
>>175144596не надо создавать, есть псеводэлемент after
>>175144973Как правильно прописать? В чём отличие от clear?
>>175144973так after и before только контент на странице меняют, насколько я знаю
>>175145072родитель-класс-нейм::after{clear: both;}типа того эт чтобы после родича почистить флоатинг
>>175145258Попрошу терпения для того, чтобы объяснить для тех, кто в танке1) Два двоеточия вместо одного это опечатка или псевдоэлемнты теперь именно так и пишутся?2) > после родича почистить Дочерние будут обтекать или нет?
>>175145493>псевдоэлемнты теперь именно так и пишутся?ну да с двумя, новый синтаксис всё такое>Дочерние будут обтекать или нет?соседи того, у которого float: left - будут, иначе зачем флоат нужон вообще
>>175146056>Зачем флоат нужон вообщеНу, чтобы спозиционировать слева только не забросай говномА как сделать так, чтобы даже те, кто рядом не обтекал?
>>175143996Ну кста, верстал как-то хуету по учебе и oveflow-ом отменилось обтекание, но скорей походило на баг, поэтому забил хуй. Ща не вспомню как именно было.
>>175135970 (OP)Ты лучше схему нарисуй. А то нихера не понять по твоим А и Б.
>>175147814Ну, вот:>>175138826
Если контейнер overflow hidden то clear можно не писать, это не баг, это фича.
>>175146191Тупо блок делай (display: block), каждый блок занимает всю ширину страницы (если не указывать явно), и соседние элементы будут идти ниже в потоке без обтеканий
>>175148423Как вариант, но что, если мне нужно в одном ряду два блока, а остальные ниже?Если бы всё было так просто, то я бы и флоат не прописывал
>>175148231Так собственно и вопрос: "Где этот блядский оверфлоу писать?"Вот объясни на этом примереhttps://codepen.io/anon/pen/deNdLE
>>175148642Ебни inline-block.>>175148707>https://codepen.io/anon/pen/deNdLEКодепен вообще как-то неадекватно float обрабатывает.
>>175150399Можешь написать как это будет выглядеть в коде?
>>175148215где там схема?
>>175150959О какой схеме идёт речь?Может ты что-то не так понял?
>>175150782https://codepen.io/anon/pen/RyKBgaИ таких блоков сколько угодно можно поставить. Если хочешь разные, то делай другие классы, но всем inline-block.
>>175151434Хоспаде... Анон, а в чём подвох? Где минусы?
>>175151434А как выравнивать по левому или правому краю?
>>175151608Элементы inline-block ведут себя, как картинки (img), по сути - символы, текст. Хочет справо прижать, делай родителю выравнивание текста.
>>175151568А хуй их знает. Я не знаю, где ты это хочешь применять и как.Ну например, при сужении страницы, если блоки не влезут по ширине, то они начнут переноситься, как слова.
>>175151765Спасибо, анончеа дояерним вместо родительского можно прописать выравнивание?
>>175151888Какое выравнивание ты хочешь им писать? inline-block, это, можно сказать, буква. Посмотри ещё раз мою ссылку. Ты эти блоки можешь поставить посреди текста. Поэтому их можно выровнять только средствами, которыми выравнивают текст.
>>175152130>>175151888>Какое выравнивание ты хочешь им писать? Align, например
>>175152276В css нет такого свойства.
>>175152504Да, я уже понял как оподливился
