표 태그 시 셀 안에 이미지 삽입 관련 질문입니다.
-
게시물 수정 , 삭제는 로그인 필요
아래표로 표태그를 만든 뒤, "그림파일" 부분에 다른 곳에서 올린 사진을 이미지 태그로 해놨습니다.
<table border="3" colspan="10" width="600">
<tr><td colspan="10" width="600" height="50" align="center">전체제목</td></tr>
<tr><td colspan="10" width="600" height="50" align="center">본제목</td></tr>
<tr><td colspan="2" rowspan="3" width="200" height="200">그림파일</td></tr>
<tr><td colspan="8" rowspan="1" width="400" height="30" align="center">부제목</td></tr>
<tr><td colspan="8" rowspan="1" width="400" height="170" valign=top>설명</td></tr>
<tr><td colspan="10" width="600" height="50" align="center">본제목</td></tr>
<tr><td colspan="4" rowspan="4" width="350" height="350">그림파일</td></tr>
<tr><td colspan="6" rowspan="1" width="250" height="30" align="center">부제목</td></tr>
<tr><td colspan="6" rowspan="1" width="250" height="30" align="center">단락제목</td></tr>
<tr><td colspan="6" rowspan="1" width="250" height="290" valign=top>설명</td><tr>
</table>
위 태그로 표태그를 만들면.....
이렇게 나옵니다. 위 이미지 크기가 얼마이든 상관없이 좀 더 큰 이미지의 크기로 셀의 크기가 자동으로 늘어나버립니다.
위 이미지 크기가 딱 200X200 픽셀이고, 아래가 350X350 픽셀인데....표태그에 이미지 삽입을 하고 싶고, 그 이미지와 셀의 크기를 딱 맞추고 싶은데, 자꾸 저렇게 가로가 늘어나서 맘에 안드네요.
<table border="3" colspan="10" width="600">
<tr><td colspan="10" width="600" height="50" align="center">전체제목</td></tr>
<tr><td colspan="10" width="600" height="50" align="center">본제목</td></tr>
<tr><td colspan="2" rowspan="3" width="200" height="200">그림파일</td></tr>
<tr><td colspan="8" rowspan="1" width="400" height="30" align="center">부제목</td></tr>
<tr><td colspan="8" rowspan="1" width="400" height="170" valign=top>설명</td></tr>
</table>
위태그에서 큰 이미지 영역빼고 이렇게만 올리면 ....
이렇게 정상적으로 나오고요....저 자동으로 셀의 가로가 자동으로 늘어나는 걸 좀 막고 싶습니다.
셀의 면적을 자동으로 조절되지 않게 하는 방법이 있나요?
아래표로 표태그를 만든 뒤, "그림파일" 부분에 다른 곳에서 올린 사진을 이미지 태그로 해놨습니다.
<table border="3" colspan="10" width="600">
<tr><td colspan="10" width="600" height="50" align="center">전체제목</td></tr>
<tr><td colspan="10" width="600" height="50" align="center">본제목</td></tr>
<tr><td colspan="2" rowspan="3" width="200" height="200">그림파일</td></tr>
<tr><td colspan="8" rowspan="1" width="400" height="30" align="center">부제목</td></tr>
<tr><td colspan="8" rowspan="1" width="400" height="170" valign=top>설명</td></tr>
<tr><td colspan="10" width="600" height="50" align="center">본제목</td></tr>
<tr><td colspan="4" rowspan="4" width="350" height="350">그림파일</td></tr>
<tr><td colspan="6" rowspan="1" width="250" height="30" align="center">부제목</td></tr>
<tr><td colspan="6" rowspan="1" width="250" height="30" align="center">단락제목</td></tr>
<tr><td colspan="6" rowspan="1" width="250" height="290" valign=top>설명</td><tr>
</table>
위 태그로 표태그를 만들면.....
이렇게 나옵니다. 위 이미지 크기가 얼마이든 상관없이 좀 더 큰 이미지의 크기로 셀의 크기가 자동으로 늘어나버립니다.
위 이미지 크기가 딱 200X200 픽셀이고, 아래가 350X350 픽셀인데....표태그에 이미지 삽입을 하고 싶고, 그 이미지와 셀의 크기를 딱 맞추고 싶은데, 자꾸 저렇게 가로가 늘어나서 맘에 안드네요.
<table border="3" colspan="10" width="600">
<tr><td colspan="10" width="600" height="50" align="center">전체제목</td></tr>
<tr><td colspan="10" width="600" height="50" align="center">본제목</td></tr>
<tr><td colspan="2" rowspan="3" width="200" height="200">그림파일</td></tr>
<tr><td colspan="8" rowspan="1" width="400" height="30" align="center">부제목</td></tr>
<tr><td colspan="8" rowspan="1" width="400" height="170" valign=top>설명</td></tr>
</table>
위태그에서 큰 이미지 영역빼고 이렇게만 올리면 ....
이렇게 정상적으로 나오고요....저 자동으로 셀의 가로가 자동으로 늘어나는 걸 좀 막고 싶습니다.
셀의 면적을 자동으로 조절되지 않게 하는 방법이 있나요?
#표 태그 #html 표 태그 #노션 표 태그 #태그 당하면 하는 표 #태그당하면 해야되는 표 #태그 표 속성