img 여백없애는 방법 좀 알려주세요...
본문
<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
F12 쓰실정도면
해당 여백이 어떤곳에서 할당되어있는지 아실텐데요?
감사합니다 애드프로님,
여백이 h2에서 나오는데 h2에 height값을 이미지에 맞춰주고
margin:0 하니까 없어지긴 하네요... ㅠㅠ
다른 방법은 없을까요?
h2 에 height 값을 왜 주셨나요?
그냥 위에 이미지 캡쳐한것처럼 h2 에 상단 하단 여백 값이 어떻게 할당되어있는지 보시고
해당 값만 0 이나 auto 로 하시면 될것 같은데요?
만약 css 가 안먹으면 !important 붙여주시면 되시구요
어떻게 할당되어있는지부터 알아야합니다.
아니면 해당 URL 을 알려주시던가요