Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
olya_097
@olya_097
HTML
CSS
Вёрстка
Как растянуть подменю на всю ширину страницы ( но центрировать пунты меню по контейнеру)?
Как растянуть подменю на всю ширину страницы ( но центрировать пунты меню по контейнеру)?
https://jsfiddle.net/hwdug56t/
Вопрос задан
более трёх лет назад
221 просмотр
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Тигран Абрамян
@TAbrahamyan
Переписал ваш код, вы конструкцию не правильно собрали, вот и не получилось растянуть на всю ширину, стилизуйте.
https://jsfiddle.net/r9abd78p/
Ответ написан
более трёх лет назад
6
комментариев
Нравится
1
6
комментариев
Facebook
Вконтакте
Twitter
olya_097
@olya_097
Автор вопроса
TAbrahamyan
, спасибо
но проблема то появляется , если я добавляю стрелочку
с 12 по 30 строки
ведь по макету он есть( и на моем скрине также)
только выносить отдельно тогда?
https://jsfiddle.net/4uz16vg7/1/
Написано
более трёх лет назад
Тигран Абрамян
@TAbrahamyan
olya_097
, Как вариант да можно заносить отдельно в html, а там уже стрелочку создать
https://jsfiddle.net/0jx7u39g/
Написано
более трёх лет назад
olya_097
@olya_097
Автор вопроса
TAbrahamyan
, а второй уровень меню есть смысл выносить? стрелочку оставить
Написано
более трёх лет назад
Тигран Абрамян
@TAbrahamyan
olya_097
, Не знаю, вам решать, лучше делать по макету.
Написано
более трёх лет назад
olya_097
@olya_097
Автор вопроса
TAbrahamyan
, простите за мою глупость
но почему не растягивается?
вроде ж сделала все как у вас
подменю на всю ширину экрана в макете
https://codepen.io/Olya097/pen/oNXpPqq
Написано
более трёх лет назад
Тигран Абрамян
@TAbrahamyan
olya_097
, Все правильно растягивается на всю ширину родителя, уже не могу сказать как растягивать на всю ширину экрана.
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
1
frontend queen
@arka33
width: 100% для класса submenu будет брать 100% ширины родителя (li), потому не срабатывает
в этом случае, как вариант, выставлять min-width фиксированную, а там уже подгонять.
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
комментария
Facebook
Вконтакте
Twitter
olya_097
@olya_097
Автор вопроса
frontend queen
, так может как вариант вообще вынести отдельно подменю?
Написано
более трёх лет назад
frontend queen
@arka33
olya_097
, вынести можно в случае, если выпадающее меню только для одного пункта
иначе связывать скриптом
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
Простой
Как можно избежать повторной отправки формы на сайте при переходе назад и вперед мышью?
2 подписчика
18 часов назад
555 просмотров
0
ответов
CSS
Простой
Как с помощью flex распредилить кнопки как на картинке?
1 подписчик
вчера
103 просмотра
2
ответа
CSS
Средний
Как изменить цвет элемента на сайте WordPress?
1 подписчик
31 мая
76 просмотров
1
ответ
JavaScript
+1 ещё
Средний
Как вычислить размер шрифта для блока div с заданным размером?
2 подписчика
31 мая
190 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Какой аналог метода .includes("текст") для полного соответствия?
1 подписчик
30 мая
633 просмотра
1
ответ
HTML
+2 ещё
Средний
Как перевести HTML-текст, не теряя теги?
2 подписчика
30 мая
1008 просмотров
2
ответа
JavaScript
+3 ещё
Средний
Как сделать расширенную область при наведении курсора?
3 подписчика
30 мая
1427 просмотров
1
ответ
CSS
Средний
Как делать такие фигуры в css?
1 подписчик
29 мая
143 просмотра
1
ответ
HTML
+1 ещё
Простой
Как растянуть содержимое ячейки td на всю ширину и высоту ячейки?
1 подписчик
29 мая
142 просмотра
1
ответ
HTML
+1 ещё
Простой
Как на элементах слайдера сделать вертикальный текст прижатый к левому краю и не по всей высоте?
1 подписчик
27 мая
88 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Frontend разработчик на React
SkillsRock
•
Таганрог
от 60 000 до 90 000 ₽
Разработчик Bitrix/Bitrix24 (part time)
BGS Group
от 1 000 до 1 500 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама