Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
headWoW
4 / 4 / 0
Регистрация: 27.06.2016
Сообщений: 176
#1

Как улучшить вид выпадающего меню - HTML, CSS

25.03.2017, 17:24. Просмотров 162. Ответов 7
Метки нет (Все метки)

Как изменить вид выпающего меню оно не корректно смотрится. Главное меню сверху вкладка Услуги
http://gruzoperevozkivkazani.ru/
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
25.03.2017, 17:24
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Как улучшить вид выпадающего меню (HTML, CSS):

Как изменить цвет выпадающего меню
Столкнулся с такой вот проблемой.У меня на сайте движек Osclass в самом шаблоне...

Как увеличить область линка выпадающего меню?
есть простое меню-выпадлка: <style> ul { list-style:none; margin:0; } ...

Как вствить картинку в блок выпадающего меню?
Подскажите пожалуйста как можно вставить картинку в выпадающем меню?

Как сделать плавное появление пунктов выпадающего меню
То есть, при наведении на ссылку появляется сначала первый пункт, потом через...

Как сделать скругленные углы у фона выпадающего меню?
Как сделать скругленные углы у фона выпадающего меню? Смотрел сайты где имеется...

Изменить горизонтальное меню - сделать автозакрытие выпадающего меню после отвода курсора
Вообщем что имеем: http://test.aowserv.ru имеется горизонтальное меню, при...

7
mrtoxas
Модератор
Эксперт HTML/CSS
2548 / 1885 / 1180
Регистрация: 12.07.2015
Сообщений: 5,091
Записей в блоге: 3
25.03.2017, 20:09 #2
Открываете фотошоп, делаете макет, который вас устроит, и воплощаете его.
0
headWoW
4 / 4 / 0
Регистрация: 27.06.2016
Сообщений: 176
26.03.2017, 12:19  [ТС] #3
Цитата Сообщение от mrtoxas Посмотреть сообщение
Открываете фотошоп, делаете макет, который вас устроит, и воплощаете его.
Ну просто у меня не коректно выпадает как изменить это?
0
mrtoxas
Модератор
Эксперт HTML/CSS
2548 / 1885 / 1180
Регистрация: 12.07.2015
Сообщений: 5,091
Записей в блоге: 3
26.03.2017, 12:27 #4
Для начала, надо убрать из меню все <img>, а декоративные элементы добавлять посредством background-image. Еще лучше, объединить их в спрайт. Если ничего не хотите менять, тогда для ссылки в меню задаем стили:
CSS
1
2
3
  color: #ff0000;
  display: inline-block;
  height: 100%;
А для выпадающего списка:
CSS
1
top: 100%;
0
anzarsh
7 / 7 / 6
Регистрация: 17.03.2017
Сообщений: 45
26.03.2017, 12:43 #5
вот, можешь посмотреть видео
0
headWoW
4 / 4 / 0
Регистрация: 27.06.2016
Сообщений: 176
26.03.2017, 14:04  [ТС] #6
Цитата Сообщение от anzarsh Посмотреть сообщение
вот, можешь посмотреть видео
А как мне это сделать на вопрдпрессе? Просто поменять весь код?
0
mrtoxas
Модератор
Эксперт HTML/CSS
2548 / 1885 / 1180
Регистрация: 12.07.2015
Сообщений: 5,091
Записей в блоге: 3
26.03.2017, 14:22 #7
headWoW, да, а anzarsh, вам в этом с удовольствием поможет с натяжкой на wordpress, только уже в соответствующем разделе, потому что, от персонажа из видео особо помощи не дождешься
0
anzarsh
7 / 7 / 6
Регистрация: 17.03.2017
Сообщений: 45
26.03.2017, 18:07 #8
Цитата Сообщение от headWoW Посмотреть сообщение
А как мне это сделать на вопрдпрессе? Просто поменять весь код?
wp_nav_menu разметку уже выводит в нужном виде, остается только править файл css. Думаю стили, которые хранятся в базе мешать не будут.
Цитата Сообщение от mrtoxas Посмотреть сообщение
вам в этом с удовольствием поможет с натяжкой на wordpress
только вы предупредите меня, а то я пока не слежу за этим разделом))
0
26.03.2017, 18:07
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
26.03.2017, 18:07
Привет! Вот еще темы с решениями:

как сделать выравнивание у подразделов выпадающего меню постарался дать максимальные комментарии
Сделал выпадающее меню. Но: 1) не могу правильно сделать ширину у выпадающего...

Шаблон выпадающего меню
Здравствуйте. вопрос такой. имеются в коде html ссылки на шаблон css...

Магия выпадающего меню
Создал горизонтальное меню, при наведении курсора мыши на его пункты выпадает...

Создание выпадающего меню
Как из этого меню сделать выпадающее вниз меню с подпунктами? #menu {clear:...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru