Как сделать наложение одного элемента на другой?

Интересно, что в двух подряд вопроса приходится писать одно и то же.

Как правильно использовать relative/absolute в css?

Начните с простого.
1. Зачем нужно или что делает абсолютное позиционирование?
2. Относительно чего позиционируются блоки с fixed, absolute, relative?

Что делать если у меня много вложенных блоков? Что делать если их 3-4-5-...?

На практике такое встречается очень редко.

В вашем примере абсолют не нужен вообще.
Нужен flex.

Каков мой уровень верстальщика?

Скачала архивчик.

(основы, умею делать сетку и адаптировать под другие устройства (ms, md, lg...)) и Фотошоп (основы)

Вопрос каков мой уровень и могу я в скором времени, выполнять реальные заказы?

Откройте свой сайт на мобилке и на планшете.
И, наверное, это будет ответом на вопрос выше.

Из хорошего: верстка проходит валидатор. Кроме action в форме, но это нормально.

Из ужасного:
- Горизонтальная полоса прокрутки на любой ширине.
- Фон под формой уехал куда-то налево при 1366+
- На размерах, меньше большого десктопа всё выглядит очень сомнительно.

Из странного: при ширине окна даже 2,5 тысячи px, меню переносится на вторую строку. Во-первых, там полно места на еще пяток пунктов, во-вторых, не по макету.

Из всего остального:
- Почему-то "скачать" это кнопка. Файлы скачиваются ссылками.
- Картинки-украшения должны быть фонами/псевдоэлементами, ну или svg'шками.
- Иконки соц.сетей вообще никуда не ведут.
- Повторяющимися br'ами и пробелами верстают низкоуровневые секретарши
- Кнопки переключения слайдера сделаны не кнопками.
- Пустых div в верстке быть не должно.
и т.д.
Нет смысла перечислять дальше.

Научитесь верстать без бутстрапа. Потом, если останется нужда, вернетесь к нему.

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

Но начало положено, исправляйте ошибки, доводите до ума, проверяйте на всех устройствах/браузерах/размерах. Читайте про доступность, семантику и всё такое прочее. Развивайтесь.

Как сделать чтоб overflow: hidden, scroll работало правильно в Safary?

Дмитрий, в 11, 12 и 13 смотрела - не увидела проблемы со скроллом блока с цветами.

Ваши советы о том как можно реализовать такую верстку?

Michael McGlyyn,

всё таки нашёл интересные варианты для себя.

я примерно об этом же ;)

Ваши советы о том как можно реализовать такую верстку?

Michael McGlyyn, сложно ругать за это сервис песочниц.
И там полно нормальных вариантов, всегда можно выбрать и адаптировать под себя или сделать комбо из нескольких.
Да и цель этой ссылки была не только в таймлайнах, но и как ресурс на котором можно найти большую долю ответов на тостерные вопросы.

Ваши советы о том как можно реализовать такую верстку?

Выбирайте codepen

Каков мой уровень верстальщика?

Добавлю: ссылка должна быть не на кучку файлов/архив, а на действующий сайт, который можно открыть.
Для этих целей удобно использовать github pages.

Как сделать чтоб overflow: hidden, scroll работало правильно в Safary?

Версию Сафари озвучьте?

Как сделать, чтобы не было видно что накладывается псевдо?

Antonio09, border-radius: 40%; четко ложится

Вот смотрите https://jsfiddle.net/b61ny5Le/
И не нужно заморачиваться с псевдо.

Как сделать, чтобы не было видно что накладывается псевдо?

По-моему, то что на скрине делается обычным бордер-радиусом.

Как в коде элемента открыть всплывающий тултип(фото внутри)?

Варианта два:
1. Открываете инструменты разработчика, находите тот элемент на который срабатывает hover.
Нажимаете на кнопочку :hov и ставите галочку у :hover



Затем переходите на тултип и смотрите что там у него.

2. Выкладываете код в песочницу или даете ссылку и мы смотрим что там происходит.

Как сделать чтобы блок не учитывался?

Пустой div лишний. bg fixed без разницы к чему применять, так что можно прямо к body.

Не работает CSS, что не так?

<link rel="stylesheet" href="css/main.css>

Кавычка открыта, но не закрыта.
Поэтому не подключается сам файл.

В файле css ошибки, поэтому не работают написанные там правила.

Внимательнее.

Как привязать соседние элементы к label?

Один label.
У каждого кружок, полоска и текст.
Итого: сам элемент и 2 псевдо. Можно уменьшить и рисовать полоску как бордер к label.

Как слайдеру поставить background-image?

В вашей ситуации больше подойдет border-image
css.yoksel.ru/border-image

Как зафиксировать элемент и добавить свойство overflow: hidden?

fixed вынимает элемент из потока и позиционирует относительно окна браузера. Соответственно, родитель перестает быть родителем.

Вероятно, вам нужен absolute и расчет координат на js в зависимости от скролла. Или типа того.

Я верстаю сайты, должен ли я спрашивать заказчика разрешения на выкладывание работ в портфолио?

Можно написать это в договоре оказания услуг. Тогда не надо будет ничего спрашивать.

Как спроектировать структуру сайта по ремонту стиральных машинок?

Попробуйте конкретизировать вопрос. Например, опишите из каких вариантов вы выбираете. Или какие есть сомнения по тому или иному аспекту.
Иначе это задание, причем очень расплывчатое.

Как поменять схему переноса?

Antonio09, устала, не хочу, сегодня только вам ответить пришла сюда.