Хай

??

Не клир

Всем салюты

Есть вопрос по верстке

Надо поправить поле поиска

И сделать что-то вроде расширенного поиска

Я так понимаю, это когда всплывающее меню выходит при вводе

Это вообще для верстки?)

Чую, что нет

Это программирование

определенно

Как и верстка в принципе )))

Как ты мог назвать вёрстку программированием?

Как ты мог назвать вёрстку программированием?

так, кажется холивар подъехал

css-программисты, в атаку на еретиков!

Как ты мог назвать вёрстку программированием?

Ну не гони по этому поводу. Я ж пошутил

Я видел на Хабре статью про игру на чистом хтмл5

Без жс

Это круто

блин, как то быстро холивар закончился)

хех)

Здравствуйте, ребятки. Не могу понять, как работает свойство overflow? На html.book'e читаю, что -то никак допереть не могу... Можете кто - нибудь простым языком?

Здравствуйте, ребятки. Не могу понять, как работает свойство overflow? На html.book'e читаю, что -то никак допереть не могу... Можете кто - нибудь простым языком?

просто заюзай его во всех вариациях

@nikfakel ага, сейчас, спасибо

@nikfakel Правильно ли я понял, что например применение его со значением hidden, не дает утечь с другим элементом? /<div id="footer-content"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Services</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact Us</a></li> </ul> <p>&copy;2010 CreativeStudio. All Rights Reserved</p> </div>/ #footer-content ul li { float: left; } #footer-content ul { overflow: hidden; } ?

@nikfakel Правильно ли я понял, что например применение его со значением hidden, не дает утечь с другим элементом? /<div id="footer-content"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Services</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact Us</a></li> </ul> <p>&copy;2010 CreativeStudio. All Rights Reserved</p> </div>/ #footer-content ul li { float: left; } #footer-content ul { overflow: hidden; } ?

не то что бы не дает утечь

он просто не показывает ничего за границами блока

он просто не показывает ничего за границами блока

...если блок фиксированного размера или ограничен родительским блоком фиксированного размера...

...если блок фиксированного размера или ограничен родительским блоком фиксированного размера...

ну да да ))

но такими словами даже я не сразу выккупил

но такими словами даже я не сразу выккупил

о_О Какие из слов тебя тут смутили?

@nikfakel @the_chuvi Немного не понял все равно, смотрите =) <div id="footer-content"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Services</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact Us</a></li> </ul> <p>&copy;2010 CreativeStudio. All Rights Reserved</p> </div> Список и абзац идут друг за другом, пока я не напишу overflow они в одну строчку лезут.

А с ним

Вот и пытаюсь понять

поставь br после каждого li

поставь br после каждого li

не стоит br вообще ставаить)

@nikfakel @the_chuvi Немного не понял все равно, смотрите =) <div id="footer-content"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Services</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact Us</a></li> </ul> <p>&copy;2010 CreativeStudio. All Rights Reserved</p> </div> Список и абзац идут друг за другом, пока я не напишу overflow они в одну строчку лезут.

Тут overfow ни при чём. Сделай #footer-content li {display:block;}

Тогда пробел и символ |

DONALD а зачем?

чтобы не смызывался текст

Тогда пробел и символ |

Чушь не городи

@the_chuvi сейчас гляну

Вот и пытаюсь понять

У тебя задача какая вообще?

@the_chuvi поставил, понял что теперь все элементы списка блочными стали, верно? У меня задача отверстать учебный макет сайта, автор урока говорит о каком -то схлопывании родительским элементом, а я как бы семантически не разобрал его предложение по составу, не могу понять, что он этим имел ввиду

@the_chuvi поставил, понял что теперь все элементы списка блочными стали, верно? У меня задача отверстать учебный макет сайта, автор урока говорит о каком -то схлопывании родительским элементом, а я как бы семантически не разобрал его предложение по составу, не могу понять, что он этим имел ввиду

Именно. «автор урока говорит о каком -то схлопывании родительским элементом» тут не подскажу, без констекста непонятно

@the_chuvi поставил, понял что теперь все элементы списка блочными стали, верно? У меня задача отверстать учебный макет сайта, автор урока говорит о каком -то схлопывании родительским элементом, а я как бы семантически не разобрал его предложение по составу, не могу понять, что он этим имел ввиду

схлопываение родительским элементом мб и есть overflow hidden?

чет я тоже не вкурил

@nikfakel я просто цитирую =(((

https://youtu.be/uUoMIEdp1sU?t=809

Сам не могу вкурить

@the_chuvi @nikfakel короче, я понимаю так, кажется легче стало, после применения свойства overflow: hidden; у элемента появляются границы и последующий элемент <p></p> не обтекает его, а начинается с новой строки

Видимо делает ul обратно блочным. Впрочем странно что он у тебя изначально не блочный.

А! =) @the_chuvi спасибо

@the_chuvi @nikfakel короче, я понимаю так, кажется легче стало, после применения свойства overflow: hidden; у элемента появляются границы и последующий элемент <p></p> не обтекает его, а начинается с новой строки

Я применяю иногда (!) overflow: auto, когда надо сделать часть экрана прокручивающейся (там надо увеличить ширину блока, чтобы она выскочила за край экрана)

http://new.rofas.kz/#!/ruukki Например, как здесь

http://new.rofas.kz/#!/ruukki Например, как здесь

Чот не нашёл примера.

Чот не нашёл примера.

Правая часть прокручивается - всё остальное - нет

А, ты про вертикальную прокрутку.

Stanislav @the_chuvi Автор советует использовать очищающие блоки

Stanislav @the_chuvi Автор советует использовать очищающие блоки

Он - маладец. И что? Нам эта информация к чему?

ERROR: S client not available

Stanislav @the_chuvi Автор советует использовать очищающие блоки

Чего-чего?

Правая часть прокручивается - всё остальное - нет

Кстати, косяк в том что: 1 - нет полосы прокрутки 2 - огромное пустое блое поле внизу

Посоветуйте лучше не смотреть русскоязычные курсы по вёрстке на ютубе :)

Stanislav @the_chuvi Автор советует использовать очищающие блоки

плохой совет

плохой совет

clearfix использовать? Но почему?

clearfix использовать? Но почему?

отдельный блок использовать плохо

отдельный блок использовать плохо

Почему?

Вообще новость - в вёрстке плохо использовать отдельные блоки.

groundbreaker

Почему?

он у тебя не несет никакой семантики, нужен исключительно для внешнего вида - а это плохо

просто юзаай на родителе псевдоэлмент для очистки

а лучше учись верстать флексами

а лучше учись верстать флексами

Давайте только без обучения, ок?

а лучше учись верстать флексами

ФЛЕКСЫ! О МОЙ ИДОЛ!

просто юзаай на родителе псевдоэлмент для очистки

То есть для DOM модели псевдоэлементы проще и лучше, да?

То есть для DOM модели псевдоэлементы проще и лучше, да?

нет

дом моделои пофигу, суть в том, что плохо использовать отдельный блок для нужд внешнего вида

То что плохо, ты уже говорил. Объяснить сможешь почему?

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

внешний вид должен быть в css

поэтому и очистку стоит выполнять в css

Кстати, косяк в том что: 1 - нет полосы прокрутки 2 - огромное пустое блое поле внизу

Там будет еще контент, поэтому и место для него

Довезут картинки под каждый цвет, они пойдут в слайдер

Довезут картинки под каждый цвет, они пойдут в слайдер

Тогда стоит отмечать активный. А то не понятно.

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

Ты добавляешь куда-нить блок только для того чтоб в нём фоном картинку положить, это тоже плохо?

Ты добавляешь куда-нить блок только для того чтоб в нём фоном картинку положить, это тоже плохо?

нет, эта картинка - часть страницы. А блок для очистки - невидим, нефункционален

@nikfakel звучит разумно, про псевдоэлементы и неприменение несемантических блоков, что же за псевдоэлемент для чистки такой?

:after {content: ''; display: table; clear: both;}

нет, эта картинка - часть страницы. А блок для очистки - невидим, нефункционален

Ничосе, как это, нефункционален? Функцию-то он как раз таки несёт и её выполняет.

@nikfakel о Божечки мои, сейчас я это попробую!