Search the Community
Showing results for tags 'фон ссылка'.
Found 1 result
-
Дорогие коллеги! Крайне нуждаюсь в вашей помощи в решении следующего вопроса. Есть панель горизонтального меню. Нужно, чтобы при наведении изменялся фон и был размером по высоте как панель, по ширине на 5px шире (слева-справа), чем анкор ссылки. Именно так я и сделал. Есть одно НО: при навдении всё меню сдвигается вправо на 5 px. А нужно, чтобы при наведении текст меню не двигался. Код HTML: <ul class="navig"><li><a href="#">Бронирование отеля</a></li><li><a href="#">Купить авиабилет</a></li><li><a href="#">О сайте</a></li><li><a href="#">Контакты</a></li></ul>Код CSS: ul.navig {position: relative; top: 5px; left: 30px; font-size: 15px;}ul.navig li {display: inline;}ul.navig li a {color: #fff; margin: 0 7px; text-decoration: none;}ul.navig li a:hover {background: #A16850; padding: 7px 5px;}Скриншот:
