테스트 사이트 - 개발 중인 베타 버전입니다

[html/css] 이미지 강제 여백 및 이미지 링크 질문좀 드리겠습니다.. 채택완료

참홍랑 8년 전 조회 7,451

이미지를 넣으면 강제 여백이 생깁니다.. 강제 여백이 생긴곳에 마우스를 갖다 대면 텍스트 아이콘 처럼 마우스 커서가 바뀌고요.

 

그래서 이미지 여백 없애는 방법은 다 써봤습니다.

 

border, margin, line-height, display 등 써도 먹히질 않네요 ..

 

더욱이 심한건 이미지에 a 링크를 다니 그 강제 여백이 생긴곳에 언더바(링크 줄 시 생기는)가 같이 생기네요

 

예를 들자면

 

ex) 이미지_  <-- 마우스 커서를 갖다대면 이런식으로 됩니다.

 

그래서 강제 언더바 없애도 봤는데 마찬가지네요 .. 이미지는 position:absolute 으로 위치 이동을 해놓긴 했지만 그거와는 관계가 없는것 같습니다.

 

이런 경우는 어떻게 해결하나요 ㅠ 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
8년 전

에디터에서 해당 증상이 생기시는건가요?

 

원래라면 부모 엘리먼트에 font-size:0; 을 적용하는게 좋습니다만..

 

float으로 적용하시는것도 하나의 방법이긴 한데 clear:both나 레이아웃 깨짐의 골아픈 문제가 많습니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

참홍랑
8년 전
네 .. font-size:0도 해보고 clear도 해봤는데 안먹히네요 .. 뭐가 문제인지 .. 하 .. 답변 감사합니다..

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인