Проблема с навигацией

автор System32 Декабрь 6th 2022, 19:15

Форумная версия: Invision
Я пытаюсь настроить навигацию таким образом, чтобы она выглядела так:
https://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal_black_active
Основное внимание уделяется «padding». Когда я перемещаю мышь, я хочу, чтобы наведение было чистым и полным, а не частичным.

Код у меня есть (ужасно)

Код:: #submenu { background-color:#2D3134; text-transform:uppercase; } #submenu ul li{ padding: 5px; display: inline-block!important; } #submenu ul li a { color:#fff; } #submenu ul li a:hover { background-color:#11c92b; } #submenu ul li:hover { padding: 15px 15px; }

автор System32 Декабрь 6th 2022, 20:42

Мне удалось как-то это исправить. Извините за беспокойство. Решено.

автор **Ilya** Декабрь 6th 2022, 20:44

Добрый вечер!

Если за основу брать Ваш код, предлагаю такой вариант:

Код:: #submenu { background-color:#2D3134; text-transform:uppercase; margin: 0; padding: 0; } #submenu ul li { padding: 15px; display: inline-block!important; } #submenu ul li a { color:#fff; padding: 15px; } #submenu ul li a:hover { background-color:#11c92b; }

Проблема с навигацией

Проблема с навигацией

Re: Проблема с навигацией

Re: Проблема с навигацией