a링크 후버 질문
그루터기
자격증구분 메뉴에 마우스 후버하면 백그라운드 가로값이 풀로 채워줘야 하는데요 텍스트 길이만큼가 되네요~;;
#tab_Cont {clear:both;width:660px;height:27px;margin-bottom:26px;padding:0; border-bottom: 1px solid #3caedd; }
#tab_Cont li { float:left; width: auto; height: 27px; padding: 0 10px; border: 1px solid #3caedd; border-bottom: none; margin-right: 1px; }
#tab_Cont li a { font: 12px/27px nanumB; color: #666666; }
#tab_Cont li a:hover { width: 100%; display: block; background: #3caedd; color: #ffffff; }
#tab_Cont li.on { background: #3caedd; }
#tab_Cont li.on a { color: #ffffff; }
-
차분나래
padding 에 대한 이해가 부족핝거죠
li에 패딩을 줬으니
당연히 자식요소는 패딩을 제외한 만큼만 영역을 차지할수 있죠.... -
진샘
li에 padding 을 a 에 넣어 보십시요 그럼 될겁니다...
-
튼싹
네 그렇군요. ㅋㅋ li에 padding이 있었네요.
-
DevilsTears
블럭해도 안되요~;;
-
총알탄
a가 inline요소라서 그럽니다. display:block으로 block요소화 시키면 됩니다.
-
노을빛
li에 패딩값 빼고 a:hover에만 패딩넣으니 되네요;; 이유는 몰겠네요;;
-
유라
a:hover에 동일하게 패딩값 넣으면 하얀여백은 그대로고 양쪽 글자 끝에 패딩값만생기네요;;
-
한란
#tab_Cont li 에 준 패딩값을 #tab_Cont li a:hover로 복사하면 됩니다. ㅎㅎ