Super_Saimon

Добрый день! Имею вот такой нюанс https://jsfiddle.net/yqfyb014/2/ Не понимаю как при помощи CSS решить проблему с позиционированием. Так как я предполагал, что сделав отступ для первого элемента списка, я "паровозом" выровняю все остальные элементы. Но получилось, собственно, то, что на изображении. И хотелось бы понять-как достучаться до первого элемента каждой строки?

Спасибо за ответ! Надеюсь, наконец-то запомню этот нюанс с позиционированием. Постоянно на таких тонкостях прогораю.

Я конечно дико извиняюсь))) Но чет я все равно не пойму в чем "корень зла" с центрированием именно li-шек. https://jsfiddle.net/yqfyb014/ Я пытаюсь добиться что-бы ul в родительском блоке был по центру, ну, и элементы списка тоже по центру блока ul.

Спасибо за решение! Я втулил inline-block свойства, позабыв про несовместимость, и сам себя запутал этим.

Мда... как-то вообще из головы про совместимость вылетело. Спасибо за ответ!

Добрый день! Вопрос довольно элементарный, но не вижу где и что я забыл, битый час уже воюю... Возникла проблема с позиционированием самого списка через text-align в родительском блоке. Установив всем блокам уже inline-block, что б уже наверняка... а все равно "мимо". Собственно, сам код https://jsfiddle.net/46at44tp/1/ Что я упустил?

Спасибо за разъяснения и потраченное время! Будем дальше тогда "грызть гранит науки" в том же направлении... Надеюсь, что поскорее этот момент настанет)))

Ну, буду надеяться что вы правы)) Просто... когда видишь что везде данный нюанс отличается от моего исполнения, то закрадывается сомнения в правильности своих действий. Хотя, общаясь недавно с товарищем, который работаем full stack в nix solutions, услышал его утверждение, что, по факту, единого такого "канонического" метода верстки нету. Ему доводилось видеть практически идентичные типы сайтов, сверстанные с отличиями в данном вопросе. Я так понял, что у каждого верстальщика свой почерк вырабатывается?

Та, вроде, и перечитал немало уже по построению сетки, БЭМ-неймингу, блочной верстке. Все пытаюсь "постичь дзен" касательно этого нюанса)) А чисто на автоматизме не получается верстать как в учебных примерах. И конкретно из-за непонимания, а может и незнания какого-то нюанса... Та я в качестве ссылки могу сослаться толки на магнет-ссылки. Занимаюсь по видео урокам с той же html academy, loftschool. Да и в качестве "аксиомы", которую использую для именно того варианта построения, который у меня - правило из БЭМ-методологии по наименованию. А именно-не больше двух уровней вложенности. Может, я, конечно, глупостью занимаюсь... но стараюсь верстать именно в таком русле-что бы не создавать имена через "сто нижних подчеркиваний")) Да и для себя как-то удобнее - не так путаюсь. Один блок за все типы позиционирования, другой чисто за контент, к примеру.

Добрый день! Я с чисто теоретическим вопросом касательно верстки сайта. Столкнулся с одним нюансом, который вызывает затруднения. Лучше начну сразу с нудного и длинного)) примера, так станет в разы понятней в чем суть моего вопроса. Допустим, имеем часть сайта, отвечающую за основной контент... назовем "main". У main есть container, отвечающий за центровку контента. И main делится, в свою очередь, на две части- main__left(блок под меню с возможной рекламой), и main__right (блок с основным контентом). И вот почти добрался до сути. Далее в main__left я создаю блок для навигации и блок для рекламы, к примеру. А в main__right, допустим, еще две колонки. Так вот, вся моя верстка заключается в том, что я стараюсь не плодить кучу вложенных блоков. То есть, на конкретном примере, main__right- я добавлю еще "content__right", "content__left". И в этих двух блоках буду прописывать и позиционирование относительно родителя, и относительно соседа. А когда смотрю примеры, то там чуть-ли под каждое свойство отдельный вложенный блок.То есть, позиционирование относительно родителя-один блок, позиционирование относительно соседа-делаем вложенный в предыдущем... Я вот не пойму что дает такая модель верстки. И если этот метод, если можно так сказать, "канонический", то где можно про это прочитать чтобы до такого "додуматься")). Я, просто, немало уже перечитал на этот счет(и таких популярных источников как htmlacademy, "Большая книга CSS" и т.д.). И вроде ж все понятно, а как-то мыслить правильно, что-ли, не получается. Может кто сможет объяснить мне, непутевому, в чем суть, в чем соль? Извиняюсь за такой нелепый вопрос.

Еще раз спасибо за разъяснение и потраченное время! Очень помогли.

Спасибо за пример! И я так понял, что лучше это реализовывать с помощью javascript? И еще один нюанс: как вставить вертикальные полосы, которые отображаются между датами? Я так понял что мой вариант похож на элемент в пункте "активность"? Попытался найти его реализацию в отладчике, в "элементах", но так и не понял как реализовывается эта черная полоса вертикальная. Создание происходит с помощью javascript?

Добрый день! Есть меню, приведенное на изображении(часть макета PSD. Весь, к сожалению, не удалось пока заполучить). Возникли трудности с пониманием: как на чистом css, html реализовать его. А именно две трудности: как сделать левую часть меню с датами, с точками и вертикальной полосой ,и как при :focus выделить сразу два блока(как это показано на изображении)? Есть еще третий вопрос: при нажатии на пункт меню в соседнем блоке , где располагается основной контент, автоматически отображается информация касательно выбранного пункта(для более подробного и внятного объяснения-информация о человеке, его карьере за указанный промежуток времени). То есть, это не ссылка-якорь... в соседнем блоке не происходит скачок по тексту, а именно подгружает, что-ли, другой файл... мне так показалось. Этот нюанс реализуется без использования js? Извиняюсь, если невнятно смог истолковать свой третий вопрос.

Спасибо за ответ!

Спасибо за решение! Забыл поблагодарить. Но, если вас не затруднит, можно спросить еще(касательно .user__name)? Сам этот блок уже лишний? Его контент можно отобразить в блоке с изображение?

.user__name взял как отдельный блок для имени. Пытался разбить все на отдельные блоки. Блок с изображением, блок с инициалами... в таком русле мыслил. А float забыл убрать-добавил его для отображения как раз user__name. Так как по свойству родителя .header__left {overflow:hidden} он не был виден. Решил его для наглядности для себя поставить.

http://jsbin.com/loyatevava/edit?html,css,js,output Сам код. С вашим указанием. Но где-то я вас не до конца понял - все равно нет искомого результата. Как вы написали выше-я просто ДОБАВИЛ к уже готовым свойствам блоков псевдоэлемент.

Доброе утро! Столкнулся с ситуацией: нужно отцентрировать изображение(прижать его по оси х к левому краю, и по оси у по центру). Решил попробовать центровку через vertical-align. Задал родительскому блоку и дочернему Display: inline-block. Задал vertical-align: middle самому изображению. Но "чуда не произошло". Насколько я понимаю это свойство задается самому блоку, который центрируем, не родительскому? Но где результат тогда? Извиняюсь что без кода-инета на рабочем компе нет.

Спасибо за решение! Помогло. Только хотел чтобы просто подсказали какой "технологией" пользоваться, а не решение целиком))))

Извиняюсь за не до конца корректную формулировку- центрировать и по вертикали, и по горизонтали. И чтобы сразу все возможные недопонимания убрать: центрировать блок в блоке-я подразумеваю что у меня есть некий блок-контейнер(conteiner). И в нем находится блок с лого и блок с меню(conteiner__left с лого , conteiner__right с меню). И я предполагал центрировать сам блок conteiner__logo. Или же само изображение в этом блоке.

Добрый день! Подскажите каким способом правильней будет отцентрировать изображение(лого сайта) в header - e. Более конкретнее меня интересуют: центрировать сам блок-родитель с изображением, или само изображение? И если само изображение - пользоваться свойствами position и margin? Flex не предлагать. Хочу без него разобраться. В нем все просто на этот счет.

Блин, действительно! Огромное спасибо!

Добрый день! Разбираюсь с функциями(как уже понятно из темы). С мелкими для азов. И, балуясь(разбираясь для себя) с различными вариациями, наткнулся на результат, несоответствующий ожиданиям. Собственно, сам код: https://ideone.com/p1bCV1 Я проверял все в отладчике Chrome. Собственно, мне не важны особо действия, совершаемые на переменными в обоих функциях. Не пойму почему вызове alert всегда выдает Undefined или его значение NaN. Разве я не могу через присвоение функции переменной присвоить результат ее выполнения? Или тут вся загвоздка что я не передаю параметры в функции?

Вроде в стилях должно быть: color ":",а не "=" orange; color : orange;

Добрый день! Вопрос (отчасти от лени, отчасти от интереса) опытным разрабам - доводилось ли использовать в реальных проектах побитовые операторы или сдвиги? Я, просто, работаю на данный момент на архаичном языке программирования, Delphi, чуточку знаком с Java, PHP и мне еще ни разу не пришлось столкнуться конкретно с этими операторами в "боевых условиях". Извините за столь глупый вопрос, но чисто из интереса не выдержал)