이미지사이에 간격이 생겨요
샤인
오늘 완전 질문의 날입니다. 사실...테이블이란 녀석을 버리고 이번이 첫 작업이라 여기저기 맘대로 안되는 구석이 많네요.
사장이 웹표준으로 맞춰봐라 하고 요구한 것도 아닌데도 제가 그냥 이번엔 최대한 웹표준에 맞춰서 만들어 보자 하고 시작했거든요. 작업 속도는 안나오고...업무일지에 매날 제자리 걸음 하고 있자니...땀이 삐질삐질 납니다...ㅜ.ㅜ
--- html 소스 ----
div id=bnr_linkimg src=../img/link_top.gif id=link_top/img src=../img/link1.gif id=link1/img src=../img/link2.gif id=link2/img src=../img/link3.gif id=link3/img src=../img/link4.gif id=link4/img src=../img/link5.gif id=link5/img src=../img/link6.gif id=link6/img src=../img/link7.gif id=link7/img src=../img/link8.gif id=link8/img src=../img/link9.gif id=link9/img src=../img/link10.gif id=link10/img src=../img/link11.gif id=link11/img src=../img/link_btm.gif id=link_btm//div--- css 소스 ----
/* 부동산관련사이트모음 */
#bnr_link {width:186px;margin-bottom:10px;}
그런데 이렇게 하고 미리보기 하면 첨부한 이미지의 빨간네모로 표시한 부분처럼이미지 사이에 간격이 생기네요....왜 그럴까요?
이거 없애는 방법 좀 알려 주세요.
-
가을바람
아하하~~ 저도 오늘 하나 또 배운거 같아요~ㅋㅋㅋ오류찾을려고 별짓을 다해도 안되고 안되고 할때 이렇게 간단한걸루 해결되면,,약간 허무하긴 하지만 또 하나를 얻은거 같아 흐뭇해지기도 해요~ㅋㅋㅋ
vertical-align:top; -
상큼한캔디
해결했어요. 수다닷컴 게시판 열심히 뒤져 봤더니 여기에 대한 답이 나오네요. 묻기 전에 게시판 뒤지기 습관을 들여야 겠어요...^^
제가 img { vertical-align:middle;} 이렇게 스타일을 줬거든요. 사이트내 모든 이미지가 세로로 중앙정렬되게....이거 뺐더니 이미지의 사이의 간격이 없어지네요. vertial-align 스타일은 필요한 이미지에만 줘야겠어요. ^^ 이미지에 기본적인 여백이 들어가나보네요. ㅋㅋ 좋은거 하나 배웠어요..