는 간단한 탐색 조정을 수행 할 수 없습니다.

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; 스팬 스타일 : 코드 :

'배경 : url ("images/menu_bg.png") 반복없는 스크롤 0 0 투명; 색상 : #FFFFFF; 너비 : 100 %; '

Answer 1

먼저, 수직 위치를 다시 -30px (-29px로 변경)로 변경하십시오. 둘째, 패딩을 조정해야합니다. 모든 패딩은 span에서 0 0 0 10px으로, 그리고 모두 a에서 0 9px 0 0;으로 설정됩니다. 셋째, span에서 너비를 100 %로 설정하는 대신 auto으로 설정하십시오. 100 %는 패딩을 포함하고 그것을 엉망으로 만들고 있습니다.