не может выполнить то, что должно быть простой настройкой навигации

Question

Я давно не заходил на этот сайт, поэтому я не могу решить проблему стилей, возникшую в результате изменений.

см. http://edocumentsciences.com.previewdns.com/

верхние навигационные зеленые изображения, указывающие на то, что вы находитесь на странице, при наведении указателя мыши на элемент выглядят неправильно.

Это структура "текущего" или "зависшего" элемента навигации. Код:

<li class="first_item page_item page-item-2 current_page_item"><a title="Home" href="http://edocumentsciences.com.previewdns.com"><span class="title_text">Home</span></a></li>

и вот два связанных стиля. У диапазона и гиперссылки есть фоновое изображение, но у одного поля установлено, так что правый угол выровнен (-30px)

Стиль гиперссылки: Код:

background:url("images/menu_bg.png") no-repeat scroll 100% -30px transparent; text-decoration:none; Стиль Span: Код:

'background: url ("images / menu_bg.png") прокрутка без повтора 0 0 прозрачный; цвет: #FFFFFF; ширина: 100%; '

Answer 1

Прежде всего, измените ваше вертикальное положение обратно на -30px (сейчас оно на -29px). Во-вторых, вам нужно настроить отступы. Я бы установил отступы для всех span с 0 0 0 10px и для всех a с 0 9px 0 0;. В-третьих, вместо установки ширины на 100% на span установите его на auto. 100% включает в себя заполнение и испортить его.