Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
olya_097
@olya_097
HTML
CSS
Блок по ховеру и всю высоту просмотра?
Не подскажете, пожалуйста, как сделать чтобы красный блок появялся по ховеру слева?
и был во всю высоту просмотра
https://codepen.io/anon/pen/jjVowm
Вопрос задан
более трёх лет назад
104 просмотра
13
комментариев
Подписаться
1
Простой
13
комментариев
Facebook
Вконтакте
Twitter
Andrew
@KickeRocK
По ховеру чего?
Слева? - fixed, left: 0?
Написано
более трёх лет назад
Andrej Sharapov
@Madeas
нужно больше информации
Написано
более трёх лет назад
FeST1VaL
@FeST1VaL
если честно, то нефига не понятно) что значит слева) слева от чего... это типо меню выезжающее?
Написано
более трёх лет назад
olya_097
@olya_097
Автор вопроса
Andrej Sharapov
,
Andrew
,
Артем Будин
,
не знаю как правильно тут объяснить
тоесть этот блок перекрывает другие
этот блок выежает по ховеру в левой стороне
Написано
более трёх лет назад
FeST1VaL
@FeST1VaL
olya_097
, понятнее не стало) по ховеру чего? на какой элемент надо навести чтобы он сработал?)
Написано
более трёх лет назад
olya_097
@olya_097
Автор вопроса
Артем Будин
, получается красный блок по умолчанию скрыт
он показывается по ховеру
Написано
более трёх лет назад
FeST1VaL
@FeST1VaL
olya_097
, так по ховеру чего!?)))) надо на что то навести чтобы сработал hover :3
Написано
более трёх лет назад
olya_097
@olya_097
Автор вопроса
Артем Будин
, так на красный блок
он типа по умолчанию скрыт
по ховеру на НЕГО же
он и показывается
Написано
более трёх лет назад
FeST1VaL
@FeST1VaL
olya_097
, так если он скрыт, то как по нему можно навести?) логики нету)
Написано
более трёх лет назад
olya_097
@olya_097
Автор вопроса
Артем Будин
, блин
ну вот же
но мне нужно с моей структурой
https://codepen.io/anon/pen/mZOKXe
Написано
более трёх лет назад
FeST1VaL
@FeST1VaL
olya_097
, так тут не наводят на красный блок) а на wrapper hover повешан)
Написано
более трёх лет назад
olya_097
@olya_097
Автор вопроса
Артем Будин
, ок. оговорилась
извините
но как сделать с моей структурой? чтобы это было гибко и можно к другим страницам добавлять?
Написано
более трёх лет назад
FeST1VaL
@FeST1VaL
olya_097
, ну чисто с вашей структурой никак) а если эти блоки обернуть во wrapper, то как то так.
https://codepen.io/anon/pen/zVogoo
Написано
более трёх лет назад
Помогут разобраться в теме
Все курсы
Яндекс Практикум
Профессиональная вёрстка на HTML и CSS
3 месяца
Далее
Stepik
Основы HTML и CSS
2 недели
Далее
OTUS
HTML/CSS
3 месяца
Далее
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Как сверстать кастомную пунктирную обводку у блока?
1 подписчик
вчера
135 просмотров
2
ответа
CSS
Простой
Можно ли использовать функцию calc() в медиазапросах?
1 подписчик
13 нояб.
177 просмотров
1
ответ
HTML
+1 ещё
Простой
Как реализовать форму ввода как в веб-версии chatGPT?
1 подписчик
13 нояб.
153 просмотра
0
ответов
CSS
+1 ещё
Простой
Как оптимизировать svg картинку?
1 подписчик
11 нояб.
145 просмотров
1
ответ
CSS
Средний
Как найти стили в шаблоне Битрикс?
1 подписчик
06 нояб.
164 просмотра
0
ответов
JavaScript
+2 ещё
Простой
Как сделать горизонтальный скролл стрелками?
1 подписчик
05 нояб.
229 просмотров
1
ответ
PHP
+2 ещё
Простой
Создание элемента с необычной формой и прозрачным фоном и рамкой?
1 подписчик
03 нояб.
184 просмотра
0
ответов
CSS
Простой
Как выстроить 4 блока, чтобы расстояния были одинаковые на флексах?
1 подписчик
31 окт.
143 просмотра
2
ответа
CSS
Простой
Как правильно задать размеры блоков?
1 подписчик
31 окт.
106 просмотров
1
ответ
HTML
Простой
При клике на кастомную кнопку “Скачать” не происходит переход, хотя JS-обработчик отрабатывает. Как решить?
1 подписчик
29 окт.
185 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
PHP-разработчик
FoodSoul
•
Калининград
от 180 000 до 250 000 ₽
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Frontend Developer (React + Node.js)
Alfabet Service
от 1 000 до 2 000 $
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама