이미지 간격땜시 질문좀요..
어리버리
탭메뉴 밑에 이미지가 와야되는데요..
텝메뉴랑 밑에와야하는 이미지의 간격이없어야하는데 IE7, 파폭에서 이미지 간격이 생깁니다.
해당마크업
!-- sub_tab --
div class=sub_tab
ul
li class=firsta href=#img src=images/sub/tab/tab_recipepc_on.jpg alt=PC //a/li
lia href=#img src=images/sub/tab/tab_assist.jpg alt=의 어시스트 //a/li
lia href=#img src=images/sub/tab/tab_hardware.jpg alt=하드웨어선택가이드 //a/li
lia href=#img src=images/sub/tab/tab_desktop.jpg alt=PC 본체 속 구경하기 //a/li
/ul
/div
!-- // sub_tab --
img src=images/sub/img/img_recipepc.jpg alt=레시피PC 이미지 class=sub_visual /
해당 css
/* sub_tab */
.sub_tab {margin-top:24px; height:36px;}
.sub_tab ul li {float:left;}
.sub_tab ul li.first {margin-left:0;}
-
네코
와웅 감사합니다^^
-
PinkPearl
항상 나타나는 문제로써 li 영역을 확인해 보면 높이가 좀 더 크게 잡히고 있는거 확인될겁니다.
해결방법 (3개 중에 한가지만 적용하면 됩니다)
1. li에 height 주기
2. li안에 img에 vertical-align:top 주기
3. li에 font-size:0;line-height:0 주기
2번 방법 추천할게요.