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

img 여백없애는 방법 좀 알려주세요... 채택완료

지수아빠 3년 전 조회 2,486

<style>

.gallery > li {width:640px;float:left;}

.gallery li a {display:block;position: relative;}

.gallery li ul {padding:30px 30px 20px;height:81px; border:1px solid #ddd;}

.gallery li ul li {font-size: 15px;color:#333;padding:0 0 12px 15px;

line-height: 100%;}

</style>

 

<ul class="gallery">

    <li>

      <a href="">

        <h2><img src="img/001.jpg" alt="나눔경영"></h2>

     

        <ul>

          <li>그룹차원의 재난구호</li>

          <li>사회봉사활동 기금 마련 경비지원</li>

          <li>임직원들의 사회봉사 활동지원</li>

        </ul>

        <span>바로가기</span>

      </a>

    </li>

</ul>

 

img {display:block;} 해도 여백이 안없어지네요.... ㅜㅜ

h2 {vertical-align:bottom;} 해도 안없어지고.....

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

답변 2개

채택된 답변
+20 포인트

F12 쓰실정도면

해당 여백이 어떤곳에서 할당되어있는지 아실텐데요?

 

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

답변에 대한 댓글 1개

지수아빠
3년 전
감사합니다 애드프로님,
여백이 h2에서 나오는데 h2에 height값을 이미지에 맞춰주고
margin:0 하니까 없어지긴 하네요... ㅠㅠ
다른 방법은 없을까요?

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

h2 에 height 값을 왜 주셨나요?

그냥 위에 이미지 캡쳐한것처럼 h2 에 상단 하단 여백 값이 어떻게 할당되어있는지 보시고

해당 값만 0 이나 auto 로 하시면 될것 같은데요?

만약 css 가 안먹으면 !important 붙여주시면 되시구요

 

어떻게 할당되어있는지부터 알아야합니다.

아니면 해당 URL 을 알려주시던가요

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

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

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

로그인