li 사이 공백 문제요..
티나
검색해봤더니만 제가 원하는 답이 없네용
li 태그 안에 이미지를 넣어서 카테고리를 만들려고 하는데요
파이어폭스는 원체 공백이 안들어가는 것 같은데 익스플로러 6.0 이랑 7.0 은 꼭 이렇게 공백이 조금씩 생기거든용
가로로 들어가는 메뉴야 display:inline 주면 되는데,,, 세로는... ㅠ_ㅠ
공백에 대한 글은 많은 것 같은데 딱히 해결책이 안 보여서요
아래 그림은 드래그했을 때의 모습이에요.
div class=subCategory
h2img src=../image/elife/title_category.gif //h2
div class=subCategoryView
ul
liimg src=../image/elife/menu_main_01.gif //li
liimg src=../image/elife/menu_main_02.gif //li
liimg src=../image/elife/menu_main_03.gif //li
liimg src=../image/elife/menu_main_04.gif //li
liimg src=../image/elife/menu_main_05.gif //li
liimg src=../image/elife/menu_main_06.gif //li
/ul
/div
div class=clear/div
/div
이건 소스구요... css 상에서는 위치 맞추는 거 외에는 별다르게 준 건 없슴당..
이게 해결할 수 있는 것인지 해결할 수 없는 것인지 좀 알려주세요.
해결할 수 없는 거라면 저런 상황에선 어찌 코딩을 하시는지...
이 문제때문에 쓸데없이 생긴 공백이 많아서 사이트가 점점 망가지고 있어요.. ㅠㅠ
제발~ 긍정적인 대답을... ㅠㅠ
-
날위해
다들 감사해요^^
-
빵야
.subCategoryView li img {display: block;} 이런 방법도 있습니다
-
아빠몬
.subCategoryView img {vertical-align:top}
여러가지 방법이 있지만 저같은 경우엔 저렇게 top이나 bottom을 줘서 해결합니다 -
갤2
왓~~~ 너무 감사감사.. ^^ 정말 되네요~~~