Xdevelx, какая разница, пока это просто верстка? Это же не папка внутри проекта, в путях не участвует. Значит, не критично.
Это еще очень не скоро окажется, что и имя пользователя винды должны быть на латинице...
Максим,
да, обычный z-index или без него, если они в нужном порядке идут.
Нужно как-то завязать положение ползунка с границей двух изображений.
Не двух, а одного. Нижний лежит себе спокойно. От верхнего показывается нужная часть.
Связать input range с шириной блока на js нет проблем.
Если вы начнете в момент клика менять пути к картинкам, то во-первых придется написать килограмм кода, чтобы менять только нужный размер, во-вторых, страница будет дергаться пока картинки подгружаются. Либо делать им предзагрузку. Выходит какой-то балаган вместо двух div с picture внутри. Нижнему может и обертка из div'а не нужна.
но они имели вертикальный ползунок
Ну какая разница куда у них был ползунок? Неужели не повернуть на 90 градусов ))))
Но хорошо, что они не подошли, потому что это лишнее.
Если вы хотите менять картинки, то делаете 2 picture. Одну показываете, другую скрываете.
Но вообще эти кнопки не меняют изображение одного кота на другого, а скрывают часть одного и показывают часть другого в зависимости от положения ползунка.
Genri_Rus, я не говорила, что нельзя.
Выводы из всего прочитанного вы можете делать самостоятельно. Тем более, что только вы знаете что там в этих ссылках и почему они, такие важные, засунуты в самый низ страницы. И только вы видели макет и знаете почему в эти два списка не объединяются в один ul и один nav (если он там всё таки нужен).
Вряд ли вы основную навигацию поместите в футер. Скорее всего там будет дубль того, что уже есть в шапке или сайдбаре.
Так что вероятнее всего нет. Ни несколько, ни один.
Вот тут есть такая штука, называется спецификация в ней очень классно умные люди пишут зачем они придумывали разные теги.
Подскажите такой код правильный по бэм если судить?
Логотип одновременно и элемент шапки и самостоятельный блок, потому что является самостоятельным элементом и не обязан находится в шапке.
Тоже самое с меню, иконками и т.д.
Иконки телефона, ватсапа и подобного должны быть ссылками с текстом, который можно доступно скрыть, а сами картиночки фоном или svg.