이미지가 아래 공백이 생겨요 ㅠㅠ 정보
이미지가 아래 공백이 생겨요 ㅠㅠ본문
<table width="100%" align="center" height="75px" border="0" cellpadding="0" cellspacing="0">
<tr>
<td > </td>
<td width="580" class="popo" style="border:1px solid #e1e1e1; height:75">
<img src="images/banner_1.jpg" width="580" height="75" border="0" /></td>
<td width="20"></td>
<td width="400" style="border:1px solid #e1e1e1;"></td>
<td> </td>
</tr>
</table>
스타일시트 부분도 다 설정해보았는데 왜그런지 모르겠네요
!DOCTYPE html 선언했는데 요거랑 관련있나요??
이상한부분없는데 자꾸 공백이 생기네요 이미지 올리면..ㅠㅠ
<tr>
<td > </td>
<td width="580" class="popo" style="border:1px solid #e1e1e1; height:75">
<img src="images/banner_1.jpg" width="580" height="75" border="0" /></td>
<td width="20"></td>
<td width="400" style="border:1px solid #e1e1e1;"></td>
<td> </td>
</tr>
</table>
스타일시트 부분도 다 설정해보았는데 왜그런지 모르겠네요
!DOCTYPE html 선언했는데 요거랑 관련있나요??
이상한부분없는데 자꾸 공백이 생기네요 이미지 올리면..ㅠㅠ
댓글 전체
<table width="100%" align="center" height="75" border="0" cellpadding="0" cellspacing="0">
<tr>
<td > </td>
<td width="580" class="popo" style="border:1px solid #e1e1e1; height:75px">
<img src="images/banner_1.jpg" width="580" height="75" border="0" /></td>
<td width="20"></td>
<td width="400" style="border:1px solid #e1e1e1;"></td>
<td> </td>
</tr>
</table>
이렇게 한번 바꿔보시지요
<tr>
<td > </td>
<td width="580" class="popo" style="border:1px solid #e1e1e1; height:75px">
<img src="images/banner_1.jpg" width="580" height="75" border="0" /></td>
<td width="20"></td>
<td width="400" style="border:1px solid #e1e1e1;"></td>
<td> </td>
</tr>
</table>
이렇게 한번 바꿔보시지요
이미지에 style="vertical-align:bottom"
넣어보세용
넣어보세용
style.css에 img{vertical-align:top}를 넣어보세요
DOCTYPE선언 하에 이미지의 하단여백 현상... 저도 나름 고민했고, 구글링을 한다면 묘책이 나올듯도 싶지만, 항상 시달리며 쫓기는 중이라 다음과 같은 꼼수를 쓰고 있어요. 특히나 위와 같이 테이블 셀 영역 하나에 이미지를 살포시 채워주실 요량이라면, 이미지태그에 아래의 속성을 넣고 있답니다.
style="display:block;"
style="display:block;"