표 태그 시 셀 안에 이미지 삽입 관련 질문입니다.

표 태그 시 셀 안에 이미지 삽입 관련 질문입니다.

작성일 2014.03.30댓글 1건
    게시물 수정 , 삭제는 로그인 필요

아래표로 표태그를 만든 뒤, "그림파일" 부분에 다른 곳에서 올린 사진을 이미지 태그로 해놨습니다.

 

<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 표 태그 #노션 표 태그 #태그 당하면 하는 표 #태그당하면 해야되는 표 #태그 표 속성

profile_image 익명 작성일 -

Table

이렇게 나옵니다. 위 이미지 크기가 얼마이든 상관없이 

좀 더 큰 이미지의 크기로 셀의 크기가 자동으로 늘어나버립니다.

아예~ 정상입니다 ^^

내용을 모두 보여주는게 맞읍니다 / 내용이 짤리면 않되겠져,,,

 

위 이미지 크기가 딱 200X200 픽셀이고, 아래가 350X350 픽셀인데....

표태그에 이미지 삽입을 하고 싶고, 그 이미지와 셀의 크기를 딱 맞추고 싶은데,

자꾸 저렇게 가로가 늘어나서 맘에 안드네요.

크기를 맘에드는 사이즈로 지정하면 됩니다

예제 : 가로=350픽셀, 세로=350픽셀, 또는 가로=100%  세로=100%

 

저 자동으로 셀의 가로가 자동으로 늘어나는 걸 좀 막고 싶습니다.

셀의 면적을 자동으로 조절되지 않게 하는 방법이 있나요?

테이블을 고정하면 됩니다

예제 : <Table style="table-layout:fixed;" width=600 ~중략~ >

강조소스를 고정이 필요한 테이블 태그에 넣으세요

참고 :

고정하면 필히 이미지사이즈를 맞추셔야됩니다 / 칸보다 크면 짤립니다

글구 칸태그 TD를 TH로 바꾸면 자동으로 중앙정렬 됩니다 / align="center"

다음 Colspan 재확인 하구요, Taable에 있는건 지워도 됩니다 / colspan="10"

 

그럼,,, 참고하시길 바랍니다 ..................  ^,^

 

표 태그 시 셀 안에 이미지 삽입 관련...

... 위 이미지 크기가 딱 200X200 픽셀이고, 아래가 350X350 픽셀인데....표태그이미지 삽입을 하고 싶고, 그 이미지와 셀의 크기를 딱 맞추고 싶은데, 자꾸 저렇게 가로가...

jsp 이미지삽입 관련 질문입니다

... 그걸 img태그에다가 넣으세요 지금 이미지를 bos로 write하면서 flush해버리니 나머지 텍스트가 나오기전에 이미지를 뿌리고...

포토샵으로 홈페이지제작시 질문입니다.

... 이 때 먼저 포토샾에서 만든 이미지들을 html 속에 삽입하면 될거구요. 이해가 되시나요? ^^ 다음은 님의 각 질문에... 그리고 레이어라는 것은 html 태그 중 아주 유용하게...

HTML 태그

... 하나 삽입하고 다시 줄을 바꿔서 다음의 문자열을... 링크 관련 태그 이미지, 문서, 사운드 등 여러... CELLSPACING="n" → 안의 사이의 간격. (기본 값 2)...

메인이미지 하단 고정 관련 질문입니다.

... 그리고 이미지 고정이 안되네요; 그래서 저의 질문은 1.... 이미지삽입하실 때에는 <im src="이미지 주소" width... 안에서 셀의 위 아래 정렬은 가능하지만, 표의 셀이...

홈페이지 배경화면 고정 방법 !?

... 제 질문은요, 홈페이지를 열었을 때 스크롤바 없이 딱... 다음까페에 올리신 이미지 권한관련으로 읽기가 되지... 이미지삽입으로 올리고 거기에 메뉴를 다셨네요.....