1
2
>верстать float'ом
>2018 anno domini
Хуя дурак!
Обтек тебе на все ебало. Твои действия, мартыхан?
Дык я ж только учусь
Ну и нахуй ты это высрал?
Ничего другого ты не заслужил.
3
Ну так учись лучше нужной хуйне - флексбоксам, там.
htmlbook.ru
Анон, я хочу для начала этот момент понять
Ты можешь объяснить?
Там общие сведения
Я хочу понять конкретно описанные мною моменты
Мда, я нихуя не понял. Мой тебе совет, на будущее, хочешь что бы тебе помогли ( только не на двачах), делаешь пример где-нибудь на кодепене и скидываешь свой вариант, объясняя что тебе нужно.
Не уходи далеко, если можешь помочь
Распишу через пару минут
Я с телефона
Там ещё регаться нужно
Проще так написать будет
Ах ты пидорасня ебаная. Пиздить вас надо за ваши флексы-хуексы, которые кроме хрома нигде нормально без костылей не работают.
мимо начальник отдела верстки
Ну короче, погнали.
Ебашишь элементу float: left
Создаешь его родителю псевдоэлемент :after со свойством clear: both.
Вуаля, ты пофиксил выбитый из потока элемент.
overflow: hidden используется не для того, чтобы пофиксить обтекание.
Спрашивай еще вопросы, у меня плойка наебнулась, сижу и грущу ИТТ.
Смотрите, аноны
Делал так, как было показано на видео
К левой колонке я применил обтекание
Мне нужно: А) Просто сдвинуть левую колонку влево, так чтобы её обтекала правая, но "подвал" сайта не обтекал;
Б) Сдвинуть влево левую колонку так, чтобы правая и футер не обтекали её
Где писать overflow:hidden и почему?
Или же почему не стоит писать его вовсе?
margin-left: 420px; у правой колонки, overflow hidden не нужен, родителю колонок добавляешь псевдоэлемент :after, у него display:table; content: ''; и clear: both;
Я теперь ещё больше потерялся
Можешь, пожалуйста, кинуть линк на статью или урок связанный с этим
Напиши в пене, как правильно, если не сложно
А то я тупой пиздец
на стэковерфлоу забанили штоле?
Вопрос остаётся открытым, поэтому продолжаю бампать
Анон который мог помочь исчез (дефятка((9(
Анон который мог помочь исчез (дефятка((9(
Нет, я только недавно начал учить всё это. О многом не знаю
А тут все мои друзья
ФЛЕКСБОКСЫ
Л
Е
К
С
Б
О
К
С
Ы
Спасибо
А почему overflow не нужно использовать?
А вообще, почитай документацию бутстрапа последнего, годная вещь, там многое для новичков расписывается.
Это в CSS 3?
Спасибо, добрый самаритянин
Офтоп: как ускорить инет на плойке кроме замены DNS на гугловский? Особенно если ты раздаешь его через мобильный
Это свойство нужно для того, чтобы скрыть элементы, выходящие за родительский блок. Например, ты хочешь сделать аватарку пользователя и делаешь так:
https://codepen.io/oszis113/pen/VxPXbL
Оверфлоу нужен для того, чтобы картинка не вышла за пределы родителя. object-fit - для того, чтобы она пропорционально ужалась под размеры родителя. Но object-fit хуево поддерживается старыми браузерами
Ага, ронял
Но не могу понять, как и где ты прописал, так, чтобы картинка не просто скрылась, а скрылась закруглённо
Понял*
все уебанские браузеры которые не могут в CSS3 вместе с пидорахами юзающими их идут нахуй
ОП, кончай страдать хуйнёй и учи флексбоксы, иначе хуй кто твои стили поймет включая тебя
ОП, кончай страдать хуйнёй и учи флексбоксы, иначе хуй кто твои стили поймет включая тебя
За совет спасибо
Но перед тем как к CSS 3 приступить
Хочу закончить с более старыми его версиями, для лучшего понимания
А вообще что сложнее HTML и CSS или HTML 5 и CSS3?
Ничего не сложнее, более новые версии спецификаций приносят только новые рулы, мб еще немного меняют поведения уже существующих, но по сути таже хня
border-radius 50% у родителя
Ололо, иди работай на западный рынок без опыта работы, довен. И даже там тебе придется поддерживать IE и EDGE, долбоеб. Кукарекают тут всякие, "пидорахи, устаревшее говно", а потом хуй без соли жрут, потому что нихуя не умеют
Всё, дошло
Благодарочка
Аноны, а как вы считаете
С появлением такой штуки как "конструкторы сайтов" снизится ли потребность в веб-дизайнерах и стоимость их оплаты?
С появлением такой штуки как "конструкторы сайтов" снизится ли потребность в веб-дизайнерах и стоимость их оплаты?
Нет. Конструкторы сайтов уже давно появились, но если ты пилишь ориджинал контент, создаешь что-либо новое, потребность в тебе как в специалисте не отпадет. Велика вероятность, что ты просто начнешь использовать конструктор сайтов в своей работе и просто увеличишь стек своих навыков как профессионал. Мы на работе прикола ради собрали на одном конструкторе лендинг для администрации города за 3 дня вместе с дизайном, версткой и интеграцией. Говна немножко поели, но выучили новую фишку и теперь можем быстро лендинги клепать, если сильно захочется.
О, это радует
А то я боялся, что в 3018 поздно вкатываться в веб-дизайн
Сука, дурак
2018*
пишу из будущего
оверфлоу же за другое отвечает, clear: both надо писать после последнего флоата, чтобы идущие дальше элементы не обтекали первые
Типа:
.left-bar{
float:left; clear:both;
}
?
Это старый урок, который я смотрел
И там парень именно таким образом отменял обтекание
нет, для clear both нужно создавать еще один элемент
.1 {
float: left;
}
.2 {
float: right;
}
.3clear {
clear: both;
}
Тобишь, если
.1{
float:left
}
То
.2{
clear:left
?
Да
>float
пздс ща флексы скоро устаревать в пользу гридов начнут а ты про флоат
А clear прописывать стоит в атрибутах к следующему элементу
Или просто отдельной строчкой там, где нужно отменить float?
Не спорю, но как говорится: "У человека не знающего прошлое - нет будущего"
не надо создавать, есть псеводэлемент after
Как правильно прописать? В чём отличие от clear?
так after и before только контент на странице меняют, насколько я знаю
родитель-класс-нейм::after{
clear: both;
}
типа того эт чтобы после родича почистить флоатинг
Попрошу терпения для того, чтобы объяснить для тех, кто в танке
1) Два двоеточия вместо одного это опечатка или псевдоэлемнты теперь именно так и пишутся?
2)
> после родича почистить
Дочерние будут обтекать или нет?
>псевдоэлемнты теперь именно так и пишутся?
ну да с двумя, новый синтаксис всё такое
>Дочерние будут обтекать или нет?
соседи того, у которого float: left - будут, иначе зачем флоат нужон вообще
>Зачем флоат нужон вообще
Ну, чтобы спозиционировать слева только не забросай говном
А как сделать так, чтобы даже те, кто рядом не обтекал?
Ну кста, верстал как-то хуету по учебе и oveflow-ом отменилось обтекание, но скорей походило на баг, поэтому забил хуй. Ща не вспомню как именно было.
Ты лучше схему нарисуй. А то нихера не понять по твоим А и Б.
Ну, вот:
Если контейнер overflow hidden то clear можно не писать, это не баг, это фича.
Тупо блок делай (display: block), каждый блок занимает всю ширину страницы (если не указывать явно), и соседние элементы будут идти ниже в потоке без обтеканий
Как вариант, но что, если мне нужно в одном ряду два блока, а остальные ниже?
Если бы всё было так просто, то я бы и флоат не прописывал
Так собственно и вопрос: "Где этот блядский оверфлоу писать?"
Вот объясни на этом примере
https://codepen.io/anon/pen/deNdLE
Ебни inline-block.
>https://codepen.io/anon/pen/deNdLE
Кодепен вообще как-то неадекватно float обрабатывает.
Можешь написать как это будет выглядеть в коде?
где там схема?
О какой схеме идёт речь?
Может ты что-то не так понял?
https://codepen.io/anon/pen/RyKBga
И таких блоков сколько угодно можно поставить. Если хочешь разные, то делай другие классы, но всем inline-block.
Хоспаде...
Анон, а в чём подвох? Где минусы?
А как выравнивать по левому или правому краю?
Элементы inline-block ведут себя, как картинки (img), по сути - символы, текст. Хочет справо прижать, делай родителю выравнивание текста.
А хуй их знает. Я не знаю, где ты это хочешь применять и как.
Ну например, при сужении страницы, если блоки не влезут по ширине, то они начнут переноситься, как слова.
Спасибо, анонче
а дояерним вместо родительского можно прописать выравнивание?
Какое выравнивание ты хочешь им писать? inline-block, это, можно сказать, буква. Посмотри ещё раз мою ссылку. Ты эти блоки можешь поставить посреди текста. Поэтому их можно выровнять только средствами, которыми выравнивают текст.
>Какое выравнивание ты хочешь им писать?
Align, например
В css нет такого свойства.
Да, я уже понял как оподливился
Если в дочернем блоке <div>, прописать "float:left", то где писать "overflow: hidden", чтобы следующий за ним:
А) ещё один дочерний блок;
Б) следующий отдельный блок -
не обтекал его?