[질문] 이미지에 공백이 생기는 현상 질문이요!!!
맑다
아래와 같이 코딩되어있는데 class=end 부분에 이미지 사이즈가 높이가 작아서 그런지 공백이 생겨요
마진 패딩 값다 0 으로 설정해도 html 파일을 드래그 해서 보니 높이값이 18px보다 작으니까 공백이 생기던데
이미지가 10픽셀이면 8픽셀만큼 공백이 생기구요 어떻게 해결해야할까요 .. ;;
마이너스 마진 값을 주는것 말고 다른 방법이 있나요 ~~~
--------------------------------------------------------------------------------------------
css파일
#snb dl {margin:10px 0 0 0}
#snb .list {width:165px; height:29px; background:url(../images/bg.gif) no-repeat 0 0; font-size:12px; color:#4F4F4F; padding-left:40px;}
#snb .end {width:165px;}
#snb .end img {vertical-align:top;}
-------------------------------------------------------------------------------------------
html파일
div id=snb
dl
ddimg src=images/title.gif alt= //dd
dd class=listmenu01/dd
dd class=listmenu02/dd
dd class=listmenu03/dd
dd class=listmenu04/dd
dd class=listmenu05/dd
dd class=listmenu06/dd
dd class=endimg src=images/btm.gif//dd
/dl
/div
-
초코맛캔디
보기다님의 말씀이 정답이에요. 정의형 목록이라는것은 dt에 제목 dd에 설명식으로 쓰이는 마크업이니까요
-
곰탱이
아항 그러네요 .. 의미를 부여한 마크업이니 .. dt를 사용하는게 적절하겠네요
-
이치코
DL (requires either DT or DD, and usually both)
단독으로 쓰일 수도 있지만 정의형 목록이라는 dl의 속성을 봤을때 dt, dd가 함께 쓰이는게 적절한 마크업이라 할 수 있어요. -
큰꽃들
얼수다님// dl 안에 dt dd 가 순서대로 나와야하는건가요 ~?? 전 그냥 dl 하위에 dd태그로만 정렬 시켰거든요 ~~ 웹표준에 어긋나는건지 .. 아님 dt dd 를 순서대로 넣어주는것이 dd만 사용할때보다 좋은것인지요?
보기다님 디자이너님 // 감사합니다. 해결되었네요 ~ 아 dd 태그안에 폰트디폴트 속성이 있는건 몰랐어요 감사합니다. ^__^ -
분홍색진주
#snb .end {width:165px; font-size:0px; line-height:0px;} 해보세요
-
가시
#snb .end {width:165px; font:1%/1% Arial;}
dd가 폰트의 디폴트 크기를 가지고 있어서 생기는 문제입니다. -
난새
dd값의 초기화를 해 주시구요, dt는 어디갔나요?
그리고 마지막 end클래스의 높이값, 폰트값등을 주면서 확인해보세요~