• 그누보드란?
• 라이센스
• 매뉴얼
• FAQ
• 다운로드
• 질문답변
• 옛질문답변
• 팁자료실
• 스킨
• 빌더
• 플러그인
• 사용후기
• 그누사전
• 변환프로그램
• DTD Proj
• DTD 스킨

• 그누보드란?
• 라이센스
• 매뉴얼
• FAQ
• 다운로드
• 질문답변
• 옛질문답변
• 팁자료실
• 스킨
• 빌더
• 플러그인
• 사용후기
• 그누사전
• 변환프로그램
• DTD Proj
• DTD 스킨

그누4 질문답변

레이어로 테이블을 짤때.. 정보

레이어로 테이블을 짤때..

• 엠클럽 홈페이지 자기소개 아이디로 검색 회원게시물
• 2008.12.07 15:53:23
• 936

댓글 3

본문

일반적인 html 테이블형태
------------------------
<table style="border-width:1; border-color:#eaedf3; border-style:solid;" cellspacing="0" width="209" height="105" >
<tr>
<td width="110" height="20" bgcolor="#eaedf3" ></td>
<td width="99" height="20" bgcolor="#eaedf3"></td>
</tr>
<tr>
<td width="110" ></td>
<td width="99" ></td>
</tr>
<tr>
<td height="10" colspan="2"></td>
</tr>
</table>
---------------------------
이것을 css로 짜면 어떻게 해야하는지요?...
간단한거 같아서 몇번 시도했는데 역시 잘 안되네요.
한수 부탁드립니다.

• 복사
• SNS 공유

  공유하기

댓글 전체

카이루 홈페이지 자기소개 아이디로 검색 회원게시물 08.12.07 22:34:34

요즘 대세는 div

<div id = "menu">
</div>

style.css
#menu { clear:both; height:55px; text-align:center; overflow:hidden; }

참고 사이트는 현재 그누사이트 소스 보세요.. ^^

요즘 대세는 div <div id = "menu"> </div> style.css #menu { clear:both; height:55px; text-align:center; overflow:hidden; } 참고 사이트는 현재 그누사이트 소스 보세요.. ^^

엠클럽 홈페이지 자기소개 아이디로 검색 회원게시물 08.12.07 22:43:53

힝~~카루이님
질문에 html 테이블형태의 테그를 css로 나타낼려고 하는 거인데..^^

꼭 저 형태로 나올수 있게 한 수 부탁드려용~

힝~~카루이님 질문에 html 테이블형태의 테그를 css로 나타낼려고 하는 거인데..^^ 꼭 저 형태로 나올수 있게 한 수 부탁드려용~

지구정복 자기소개 아이디로 검색 회원게시물 08.12.08 17:40:06

<style type="text/css">
.box {width:209px; border:1px solid; border-color:#eaedf3;}
.box1 {width:109px; height:20px; background-color:eaedf3; float:left;}
.box2 {width:98px; height:20px; background-color:eaedf3; float:left;}
.box3 {width:109px; height:20px; float:left;}
.box4 {width:98px; height:20px; float:left;}
.box5 {width:207px; height:20px; float:left;}
.clear {clear:both;}
</style>

<div class='box'>
<div class='box1'>1</div>
<div class='box2'>2</div>
<div class='clear'></div>
<div class='box3'>3</div>
<div class='box4'>4</div>
<div class='box5'>5</div>
</div>

이런건가요? 아니면 죄송;;

<style type="text/css"> .box {width:209px; border:1px solid; border-color:#eaedf3;} .box1 {width:109px; height:20px; background-color:eaedf3; float:left;} .box2 {width:98px; height:20px; background-color:eaedf3; float:left;} .box3 {width:109px; height:20px; float:left;} .box4 {width:98px; height:20px; float:left;} .box5 {width:207px; height:20px; float:left;} .clear {clear:both;} </style> <div class='box'> <div class='box1'>1</div> <div class='box2'>2</div> <div class='clear'></div> <div class='box3'>3</div> <div class='box4'>4</div> <div class='box5'>5</div> </div> 이런건가요? 아니면 죄송;;