레이어로 테이블을 짤때..
일반적인 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로 짜면 어떻게 해야하는지요?...
간단한거 같아서 몇번 시도했는데 역시 잘 안되네요.
한수 부탁드립니다.
------------------------
<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로 짜면 어떻게 해야하는지요?...
간단한거 같아서 몇번 시도했는데 역시 잘 안되네요.
한수 부탁드립니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 3개
<div id = "menu">
</div>
style.css
#menu { clear:both; height:55px; text-align:center; overflow:hidden; }
참고 사이트는 현재 그누사이트 소스 보세요.. ^^
질문에 html 테이블형태의 테그를 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>
이런건가요? 아니면 죄송;;