Super_Saimon

Доброе утро! Вопрос из разряда "вилами по воде" , но все же... рискну))) Верстка лендинга, а конкретнее, секций: как быть с высотой секций? Все секции в макете разной высоты. И мой вопрос состоит в том, что задавать ли им min-height со значением, взятым из макета? Или отталкиваться от контента? Просто, в "типа ТЗ" написано единственное что высота блоков не фиксированная(нету условия что кентена может быть меньше чем на макете). Надеюсь, буду понят)))

margin-left в процентах берется на основании ширины родительского блока. Проверьте этот параметр у родительских блоков.

Здравствуйте! Попробуйте при помощи flex. Вот тут довольно внятно по теории http://html5.by/blog/flexbox/

В первом вашем варианте не хватает "clearfix". При float блоки, обладающие этим свойством, выпадают из потока, и родитель не видит их.А значит-сжымается по высоте как пустой, height: 0 в вашем случае. Так вот родителю не хватает clearfix.

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

Я, как раз, думал что прост переопределить стили - это ненужное увеличение кода. Из-за этого и создавал вопрос)) Спасибо за советы и потраченное время!

То есть, не тулить в одном :hover - е все, а создать еще один конкретно для потомков?

Здравствуйте! Столкнулся с ситуацией при создании всплывающего меню https://jsfiddle.net/u7qam9jm/6/ что свойства для родительского блока дублируются и на дочерние блоки. Я пытался через :not, но даже "не заметило конструкцию" и свойства все равно єкранировали на потомков...

Для подгонки изображения в блоке используйте: img { display: block; max-width: 100%; }

https://jsfiddle.net/w7f88ypm/3/ Для наглядности ответа Switch74 И впредь, лучше все примеры кода выкладывайте через этот онлайн компилятор. Так всем удобнее будет.

Благодарю за помощь!

Добрый день! Столкнулся с проблемой в этом примере https://jsfiddle.net/bnun3zkv/1/ Это урывок кода из учебного задания по всплывашкам. И как видно-указатель у всплывашки коряво отображается. Работает только свойство с поворотом вокруг своей оси, или вообще не отрабатывают свойство transform, как в моем приведенном примере. Хотелось бы узнать в чем причина? Я не нашел в доке по этому свойству каких-либо ограничений на повторное использование у одного селектора... Я допустил какую-то ошибку при написании свойств к данному селектору?

Спасибо за пояснение!

Извиняюсь за столь примитивный вопрос, но не могу въехать в пару нюансов касательно выборки узла из дерева DOM. Вот наглядный пример: https://jsfiddle.net/36r52jkv/ Разбирал процесс выборки узлов по книге(Dzhon Dakket, JavaScript and JQuery, разработка и дизайн сайтов, 2017) и все понятно теоретически, та и на практике особых затруднений нет. Момент связан с работой выбранного узла. Как в примере, что я привел - меня смущает почему при замене текстового содержимого выбранного узла li у него пропал маркер, характерный для элемента списка. Как буд-то он перестал быть элементом списка... Извиняюсь еще раз за такой элементарный вопрос.

А я голову ломаю... новичок в программировании-вспоминал уже как выполняются циклы и обработка массива))) А на счет коллекции-я действительно в отладчике Chrome наблюдал что при дебаге на вхождении в цикл в коллекции 3й элемент массива идет раньше второго. Так,я так понял, лучше использовать querySelectorAll()/ querySelector()?

Добрый день! есть два примераhttps://jsfiddle.net/98y72o9x/ и https://jsfiddle.net/wgzq5e3o/ , которые, по сути, выполняют одно и тоже, но результат выполнения скрипта совершенно разный. Насколько я понял, при выполнении скрипта с динамическим объектом(getELementsByClassName) в коллекции второй и третий элементы списка меняются местами(по алфавиту выстраиваются, как мне показалось)... Но, как это играет на результате??? Та и подсчет кол-ва узлов с таким className чем отличается в обоих случаях???

почти такой же meta тег, только у меня просто content="width=device-width", без initial-scale=1.0...

Добрый день! Поясните как правильно проверять на адаптивность работу сайта. Столкнулся с такой ситуацией что, прописанные мной, медиа запросы не работают, если в отладчике я нажимаю на "Toggle device mode"-рабочая область окна сужается до нужных мне 480px по ширине, но сам сайт не перестраиваеться под мобильную версию, он изменяется в масштабе. Но вот что странно для меня - если я буду просто уменьшать ширину рабочей области окна в ручную, путем растягивания отладчика, то все мои медиа запросы отрабатывают. В чем может быть суть ситуации? Некорректные медиа запросы написаны?

Да, именно так. Вы прописываете в нужном месте в HTML-разметке ту иконку, которая вам нужна. Пример как прописать иконку можно увидеть во вкладке "Examples", если перейдете по ссылке, которую дал вам klierik.

Спасибо за пояснение и потраченное время! Странный какой-то пример в книге))) Заставил поломать голову)))

Добрый день! Имею вот такой самый простенький пример, но который загнал меня в тупик: https://jsfiddle.net/9n73ro76/ Разбирал работу указателя this. И сама суть вопроса в том, что в jsfiddle результат undefinied, а в chrome искомое значение - 600 и undefinied. Я в упор не пойму в чем разница... Извиняюсь за столь примитивный вопрос, но пол дня потратил на понимание и силы уже иссякли на сей процесс)))

Огромное спасибо! Очень помогли - это то, что доктор прописал.

Ваш вариант противоречит условию, что блок с авой выпадает за общий блок. В этом и загвоздка-как сохранить это условие и дать общему блоку border-radius, overflow: hidden чтобы не обрезало половину блока с аватаром. У меня уже мыслей не осталось на этот счет... все перепробывал, что не неправильно)))

Добрый день! Имею вот такой код: https://jsfiddle.net/f3scmbr0/ Загвоздка вся в том, что мне нужно закруглить углы у блока wrapp так, чтобы блок с изображением оставался в таком положении, в каком он сейчас находится. Подскажите где промахнулся при построении дерева. Пока я вижу вариант закруглять определенные углы у .hello__container и .hello__btn. Но это крайне тупо, как мне кажется... А по другому чет не вижу как это реализовать при таком построении блоков. Нуждаюсь в совете как правильно выстроить вложенность. Потому что, повторюсь, явно напартачил с этим делом, но не вижу решения... И, по ходу написания, нашел еще один вопрос, на который хотел бы найти ответ: сам блок с изображением выпал из потока и по-этому, когда я уменьшаю размеры окна, его не учитывают - ава залазит под само окно... пытался выйти из ситуации с помощью :after c margin-top: -(половина высоты блока изображения), но не дало результата. Надеюсь что внятно изложил суть проблемы...

Я писал что я ставлю max-width: 100%; изображению, но не получаю нужного результата.