그누보드 - 표 테두리 관련해서 세부적인것 다시한번 질문드려요~

표 테두리 관련해서 세부적인것 다시한번 질문드려요~ > 자유게시판

자유게시판

표 테두리 관련해서 세부적인것 다시한번 질문드려요~ 정보

표 테두리 관련해서 세부적인것 다시한번 질문드려요~

초이짱 자기소개 아이디로 검색 전체게시물 회원게시물 (118.♡.♡.214)
2009.08.06 18:26:56
조회 1,148
댓글 6

본문

<TABLE cellpadding=0 cellspacing=10 border=0 style="width:400px;background-color:#eee;border:1px solid #dedede;">
<TR>
<TD style="background-color:#fff;padding:10px;vertical-align:top;">asdfasdfasdfasdfsa<br />asdfasdfasdfasdfsa<br /></TD>
</TR>
</TABLE>

어제 neue님께서 말씀해준데로 따라해서 겉 테두리는 해결했습니다. 감사^^

그런데 표를 분할했을 경우에 선이 생기지 않더라구요..

위와 같은 그림처럼 분할했을 경우에도 선이 생기게 하려면 어떻게 해야하는지....

div로 하는것도 알려주셨는데 제가 익숙하지 못해서... table로 질문드립니다...

table 이외에도 다른 것으로도 알려주신다면 열심히 공부해서 알아봐야 하겠지만^^;;

어떤방법이라도 알려주셨으면 감사하겠습니다.^0^

댓글 6개

neue 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물

홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물

(119.♡.♡.167)

09.08.06 18:46:15

<TABLE cellpadding=10 cellspacing=1 border=0 style="background-color:#eee;">
<TR>
<TD style="background-color:#fff;">asdfasdfasdfasdfsa<br />asdfasdfasdfasdfsa<br /></TD>
</TR>
<TR>
<TD style="background-color:#fff;">asdfasdfasdfasdfsa<br />asdfasdfasdfasdfsa<br /></TD>
</TR>
<TR>
<TD style="background-color:#fff;">asdfasdfasdfasdfsa<br />asdfasdfasdfasdfsa<br /></TD>
</TR>
</TABLE>

초이짱 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

(118.♡.♡.214)

09.08.06 18:51:49

<TABLE cellpadding=10 cellspacing=1 border=0 style="background-color:#eee;border:1px solid #dedede;">
<TR>
<TD style="background-color:#fff;">asdfasdfasdfasdfsa<br />asdfasdfasdfasdfsa<br /></TD>
</TR>
<TR>
<TD style="background-color:#fff;">asdfasdfasdfasdfsa<br />asdfasdfasdfasdfsa<br /></TD>
</TR>
<TR>
<TD style="background-color:#fff;">asdfasdfasdfasdfsa<br />asdfasdfasdfasdfsa<br /></TD>
</TR>
</TABLE>

또 수고스럽게 neue님이시네요~ 감사합니다.

그런데 선이 표시가 안되요. 그래서 제가 위와같이 해봤는데도 마찬가지 안쪽 선은 표현이 안되요.. 무식한 절 용서하세요

커피킬러 자기소개 아이디로 검색 전체게시물 회원게시물

자기소개 아이디로 검색 전체게시물 회원게시물

(116.♡.♡.12)

09.08.06 18:54:58

아래 코드 정도면 충분히 이해 하시는데 도움이 되시리라 여겨집니다^^
바탕화면에 .html 로 만들어서 함 해보세요~

<style>
.table_01 { width:400px;background-color:#eee;border:1px solid #dedede; } /*테이블 속성*/
.table_02 { width:100%; } /*테이블 속성*/
.td_01 { background-color:#fff;padding:10px;vertical-align:top; } /*td 속성*/
.td_02 { background-color:#fff;padding:10px;vertical-align:top;border-top:1px solid #dedede; } /*td 속성, 위줄 추가*/
.td_03 { background-color:#fff;padding:10px;vertical-align:top;border-left:1px solid #dedede; } /*td 속성, 좌측줄 추가*/
.td_04 { background-color:#fff;padding:10px;vertical-align:top;border-right:1px solid #dedede; } /*td 속성, 우측줄 추가*/
</style>

<table cellspacing=0 cellpadding=0 class='table_01'>
<tr>
<td class='td_01'>테스트1</td>
<td class='td_03'>테스트2</td>
</tr>
<tr>
<td class='td_02' colspan=2>테스트3</td>
</tr>
</table>

<br><br>

<table cellspacing=0 cellpadding=0 class='table_01'>
<tr>
<td class='td_04' rowspan=2>테스트1</td>
<td>
<table cellspacing=0 cellpadding=0 class='table_02'>
<tr>
<td class='td_01'>테스트2</td>
</tr>
<tr>
<td class='td_02'>테스트3</td>
</tr>
</table>
</td>
</tr>
</table>