이런모양의 테이블을 만드는게 가능할까요?
이런모양의 테이블을 만드는게 가능할까요?
<table border="1" width="100" height="100">
<tr>
<td width="100" height="25"></td>
<td width="100" rowspan="2"></td>
<td width="100" height="75"></td>
</tr>
<tr>
<td width="100" height="75"></td>
<td width="100" height="25"></td>
</tr>
</table>
이런식으로 했는데 이상해져버려요.
그림처럼 중간선이 지그제그로 안나오고 평평하게 나와요.
테이블의 규칙을 어기는 것인가요?
그림처럼 중간선이 지그제그로 안나오고 평평하게 나와요.
테이블의 규칙을 어기는 것인가요?
댓글 9개
커피는막심
13년 전
당연히 불가능 하죠 테이블에 td안에 테이블을 잡으세요
13년 전
답변 감사드려요.
불가능한 이유가 알고싶어 글을 올리게 되었습니다.
왜 그렇게 하면 안될까요?
(장난 아니고, 정말정말 궁금해요;;)
불가능한 이유가 알고싶어 글을 올리게 되었습니다.
왜 그렇게 하면 안될까요?
(장난 아니고, 정말정말 궁금해요;;)
13년 전
<table border="1" width="100" height="100">
<tr>
<td rowspan="2"></td>
<td rowspan="3"></td>
<td ></td>
</tr>
<tr>
<td rowspan="2"></td>
</tr>
<tr>
<td></td>
</tr>
</table>
<tr>
<td rowspan="2"></td>
<td rowspan="3"></td>
<td ></td>
</tr>
<tr>
<td rowspan="2"></td>
</tr>
<tr>
<td></td>
</tr>
</table>
13년 전
크롬에서만 테스트 해봤네요. ^^;
IE8/9 standards 모드에서는 제대로 처리를 못하네요. -_-
quirks 모드나 IE7에서는, border는 안나오는데, 바탕색을 칠해보시면 셀은 원하시는 대로 나누어진 것을 확인하실 수 있습니다.
해당 댓글: http://sir.co.kr/bbs/board.php?bo_table=g4_qa&wr_id=234263#c_234358
크로스 브라우징을 원하시면 (어쩔 수 없이) 컬럼 안에 별도의 테이블이나 div들로 원하는 분할을 하셔야 할것 같네요. ^_^
IE8/9 standards 모드에서는 제대로 처리를 못하네요. -_-
quirks 모드나 IE7에서는, border는 안나오는데, 바탕색을 칠해보시면 셀은 원하시는 대로 나누어진 것을 확인하실 수 있습니다.
해당 댓글: http://sir.co.kr/bbs/board.php?bo_table=g4_qa&wr_id=234263#c_234358
크로스 브라우징을 원하시면 (어쩔 수 없이) 컬럼 안에 별도의 테이블이나 div들로 원하는 분할을 하셔야 할것 같네요. ^_^
13년 전
얼마든지 가능합니다.
태그로는 헷갈려서 잘 모르겠구..
나모나 드림위버로 하면 알아서 rowspan 을 줍니다.
바로 답 나옵니다.
태그로는 헷갈려서 잘 모르겠구..
나모나 드림위버로 하면 알아서 rowspan 을 줍니다.
바로 답 나옵니다.
13년 전
진짜 안되네여 ㅠㅠ..;;
13년 전
<table border="1" width="100" height="100">
<tr>
<td width="100" height="36" rowspan="2" bgcolor="#0000FF"></td>
<td width="100" rowspan="3" bgcolor="#006600"></td>
<td width="100" height="28" bgcolor="#006699"></td>
</tr>
<tr>
<td width="100" rowspan="2" bgcolor="#333333"></td>
</tr>
<tr>
<td width="100" height="33" bgcolor="#993300"></td>
</tr>
</table>
가능은 합니다.
하지만 비추인게 정말 고정화 되어 있는 테이블이라면 상관없지만 그렇지 않은 경우 테이블이 깨져버리게 됩니다. 그냥 tr 세개 만들고 그 안에 다시 테이블을 넣는게 훨 좋으실겁니다.
<tr>
<td width="100" height="36" rowspan="2" bgcolor="#0000FF"></td>
<td width="100" rowspan="3" bgcolor="#006600"></td>
<td width="100" height="28" bgcolor="#006699"></td>
</tr>
<tr>
<td width="100" rowspan="2" bgcolor="#333333"></td>
</tr>
<tr>
<td width="100" height="33" bgcolor="#993300"></td>
</tr>
</table>
가능은 합니다.
하지만 비추인게 정말 고정화 되어 있는 테이블이라면 상관없지만 그렇지 않은 경우 테이블이 깨져버리게 됩니다. 그냥 tr 세개 만들고 그 안에 다시 테이블을 넣는게 훨 좋으실겁니다.
13년 전
저런 테이블을 쓸일이 있긴 있나봐요?;;
가능하긴 가능한가보네요 ㅋㅋㅋ
가능하긴 가능한가보네요 ㅋㅋㅋ
Header
12년 전
가능합니다..
게시글 목록
| 번호 | 제목 |
|---|---|
| 17764 | |
| 17761 | |
| 17753 | |
| 17750 |
JavaScript
자바스크립트 메소드 관련..
2
|
| 26370 | |
| 4334 | |
| 4332 | |
| 17749 | |
| 17747 |
JavaScript
클릭하면 레이어로 메뉴영역 올라오는거요~~
1
|
| 26369 | |
| 17746 | |
| 17743 |
기타
쇼핑몰을 구축하려면
2
|
| 17742 | |
| 17740 |
PHP
라이브러리를 만들어서
1
|
| 17738 |
Flash
플래시 작업소스가 없는데
1
|
| 17736 |
MySQL
mysql 커뮤니티 버젼을 사용해서
1
|
| 17734 | |
| 17732 |
JavaScript
flash의 많은 기능들을
1
|
| 30517 |
HTML
php로 사이트 개발시
3
|
| 17729 |
Linux
그누4 에서 메일발송을 사용하려면
2
|
| 17728 |
jQuery
상용 그리드에 버금가는
|
| 17725 |
정규표현식
운전면허번호도
2
|
| 24409 | |
| 17722 |
node.js
node.js 활용사례 좀..
2
|
| 30513 | |
| 17720 |
Mobile
jquery mobile 커스터마이징...
1
|
| 17719 |
PHP
프레임웍 보다는...
|
| 4331 | |
| 17716 | |
| 26368 | |
| 17715 |
node.js
nodeJS 의 scraping
|
| 17713 |
JavaScript
바탕 화면에 생성될 아이콘(파비콘)의 자비스크립트에 대해 에러..ㅠㅠ
1
|
| 17712 |
Mobile
모바일 사이트 링크 걸기..(기본)
|
| 17709 |
JavaScript
ajax호출실패는 어떤 경우에 생기나요?
2
|
| 30511 | |
| 30507 | |
| 30503 | |
| 30500 | |
| 17706 |
JavaScript
스크립트 고수들님.... 초보인데요,,
2
|
| 17704 | |
| 17701 | |
| 17697 |
Mobile
Jindo 모바일 사용해보신분 있으신가요?
3
|
| 17691 | |
| 17685 | |
| 30474 |
HTML
제일 이해안되는 문제..
25
|
| 17674 | |
| 30467 |
HTML
태그 문의드립니다...
6
|
| 17670 |
MySQL
그누보드 innoDB?
3
|
| 17667 |
PHP
무슨뜻일까요>
2
|
| 17664 | |
| 17660 |
MySQL
MYSQL 필드 전체 암호화?
3
|
| 17658 | |
| 17656 | |
| 4325 | |
| 30459 | |
| 4318 | |
| 17653 |
MySQL
SQL Export 하는 중입니다.
2
|
| 30452 | |
| 17649 | |
| 30450 | |
| 30437 | |
| 17647 |
Flash
에러좀 봐주세요...
1
|
| 4315 | |
| 4310 | |
| 30435 |
HTML
스크롤에 따라 변하는 메뉴...
1
|
| 30413 |
HTML
로고 크기에 제한이 있나요?
21
|
| 17646 |
Flash
xml가 로드가 안됩니다ㅠㅠ
|
| 30411 | |
| 17642 |
Linux
윈도우 xp에 리눅스 설치 하면..
3
|
| 17638 | |
| 17636 |
Linux
리눅스 서버 관련 책좀 추천 해주세요..
1
|
| 30407 | |
| 17634 |
node.js
node.js가 간단하게 어떤건가요??
1
|
| 17632 |
MySQL
mysql 튜닝 책 추천 부탁 드립니다.
1
|
| 17627 | |
| 17624 | |
| 17620 | |
| 17619 | |
| 17616 |
Mobile
요즘 하이브리드에 관심이 많아서요..
2
|
| 17614 |
정규표현식
정규식을 공부 하는 방법이 있을까요??
1
|
| 17613 |
MySQL
인덱스 관련해서..
|
| 17609 |
JavaScript
고수님들, jQuery Mobile 은 희망이 없는건가요?
3
|
| 17606 |
MySQL
테이블에 인덱스 걸고 테스트..
2
|
| 17605 |
PHP
사이트 캡쳐 관련해서..
|
| 17601 | |
| 24408 | |
| 17597 |
JavaScript
1차셀렉트값 변경시 2차셀렉트값 변경 질문입니다
3
|
| 4299 | |
| 17594 |
JavaScript
퀵메뉴때매 고생하시는분들을 위한 자작 퀵메뉴 제공 ㅋ
2
|
| 17587 |
JavaScript
주소창에 url직접 입력시에..
6
|
| 17586 |
Flash
플래시 + GD 로 캡쳐하는 방법...
|
| 4295 | |
| 17582 | |
| 17577 |
Linux
리눅스에서 백업 하는 소스입니다.
4
|
| 17569 |
Linux
쉘에서 웹프로그램 실행하기
7
|
| 17568 | |
| 17565 | |
| 30399 | |
| 30394 |
HTML
웹 표준화 관련 사이트들
4
|
| 24400 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기