|
|
|
12-04-24
|
조회 2,591
|
|
|
|
12-04-24
|
조회 2,632
|
|
|
|
12-04-24
|
조회 3,802
|
|
|
|
12-04-24
|
조회 2,931
|
|
|
|
12-04-24
|
조회 3,274
|
|
|
|
12-04-24
|
조회 2,684
|
|
|
|
12-04-24
|
조회 3,192
|
|
|
|
12-04-24
|
조회 2,729
|
|
|
|
12-04-24
|
조회 2,687
|
|
|
|
12-04-24
|
조회 2,875
|
|
|
|
12-04-24
|
조회 4,562
|
|
|
|
12-04-23
|
조회 3,017
|
|
|
|
12-04-23
|
조회 3,823
|
|
|
|
12-04-23
|
조회 2,650
|
|
|
|
12-04-23
|
조회 2,653
|
|
|
|
12-04-23
|
조회 2,935
|
|
|
|
12-04-23
|
조회 2,569
|
|
|
|
12-04-23
|
조회 3,619
|
|
|
|
12-04-23
|
조회 2,519
|
|
|
|
12-04-23
|
조회 2,575
|
|
|
|
12-04-23
|
조회 2,940
|
|
|
|
12-04-23
|
조회 2,731
|
|
|
|
12-04-23
|
조회 2,589
|
|
|
|
12-04-23
|
조회 2,779
|
|
|
|
12-04-23
|
조회 2,799
|
|
|
|
12-04-23
|
조회 2,544
|
|
|
|
12-04-23
|
조회 4,535
|
|
|
|
12-04-23
|
조회 3,574
|
|
|
|
12-04-23
|
조회 3,430
|
|
|
|
12-04-22
|
조회 2,565
|
|
|
|
12-04-22
|
조회 2,525
|
|
|
|
12-04-22
|
조회 2,605
|
|
|
|
12-04-22
|
조회 2,829
|
|
|
|
12-04-22
|
조회 2,625
|
|
|
|
12-04-22
|
조회 3,230
|
|
|
|
12-04-22
|
조회 3,293
|
|
|
|
12-04-22
|
조회 2,886
|
|
|
|
12-04-21
|
조회 3,129
|
|
|
|
12-04-21
|
조회 4,076
|
|
|
|
12-04-21
|
조회 4,510
|
|
|
|
12-04-21
|
조회 7,859
|
|
|
|
12-04-21
|
조회 2,669
|
|
|
|
12-04-21
|
조회 3,076
|
|
|
|
12-04-21
|
조회 2,560
|
|
|
|
12-04-21
|
조회 2,801
|
|
|
|
12-04-20
|
조회 3,602
|
|
|
|
12-04-20
|
조회 3,116
|
|
|
|
12-04-20
|
조회 2,771
|
|
|
|
12-04-20
|
조회 2,852
|
|
|
|
12-04-20
|
조회 2,643
|
|
|
|
12-04-20
|
조회 2,764
|
|
|
|
12-04-20
|
조회 3,893
|
|
|
|
12-04-20
|
조회 4,101
|
|
|
 선택이란
|
12-04-20
|
조회 2,942
|
|
|
|
12-04-20
|
조회 3,210
|
|
|
|
12-04-20
|
조회 4,313
|
|
|
|
12-04-20
|
조회 3,260
|
|
|
|
12-04-19
|
조회 3,313
|
|
|
|
12-04-19
|
조회 2,937
|
|
|
|
12-04-18
|
조회 4,375
|
|
|
|
12-04-18
|
조회 2,848
|
|
|
|
12-04-18
|
조회 3,082
|
|
|
|
12-04-17
|
조회 3,352
|
|
|
|
12-04-17
|
조회 3,522
|
|
|
|
12-04-17
|
조회 5,110
|
|
|
|
12-04-17
|
조회 5,403
|
|
|
|
12-04-17
|
조회 2,846
|
|
|
|
12-04-17
|
조회 3,343
|
|
|
|
12-04-16
|
조회 2,810
|
|
|
|
12-04-16
|
조회 3,528
|
|
|
|
12-04-16
|
조회 3,221
|
|
|
|
12-04-16
|
조회 3,114
|
|
|
|
12-04-16
|
조회 3,507
|
|
|
선택이란
|
12-04-16
|
조회 2,741
|
|
|
|
12-04-16
|
조회 4,335
|
|
|
|
12-04-15
|
조회 3,926
|
|
|
|
12-04-14
|
조회 3,626
|
|
|
|
12-04-14
|
조회 3,009
|
|
|
|
12-04-14
|
조회 3,660
|
|
|
|
12-04-14
|
조회 3,710
|
|
|
|
12-04-13
|
조회 3,329
|
|
|
|
12-04-13
|
조회 4,516
|
|
|
|
12-04-13
|
조회 3,127
|
|
|
|
12-04-13
|
조회 2,856
|
|
|
|
12-04-13
|
조회 3,066
|
|
|
|
12-04-13
|
조회 6,146
|
|
|
|
12-04-12
|
조회 4,764
|
|
|
|
12-04-12
|
조회 3,315
|
|
|
|
12-04-11
|
조회 3,528
|
|
|
|
12-04-10
|
조회 5,018
|
|
|
|
12-04-10
|
조회 3,952
|
|
|
 다케미카코
|
12-04-10
|
조회 3,081
|
|
|
|
12-04-09
|
조회 3,138
|
|
|
|
12-04-09
|
조회 4,708
|
|
|
|
12-04-09
|
조회 3,067
|
|
|
|
12-04-08
|
조회 3,379
|
|
|
|
12-04-07
|
조회 2,693
|
|
|
|
12-04-06
|
조회 2,859
|
|
|
|
12-04-06
|
조회 3,611
|
|
|
|
12-04-06
|
조회 5,382
|
댓글 6개
나누어지는곳에 넓이를 각각 25%로 해주시고 글자는 가운데 정렬을 해주시면 됩니다.
<style type="text/css">
.box{overflow:hidden;width:100%;border:1px solid #ddd;background-color:#f7f7f7;}
.box td{padding:10px;text-align:center;border-right:1px solid #ddd;}
.box .none{border:none}
</style>
<h3>인기 요리분류</h3>
<table cellspacing="0" cellpadding="0" border="0" width="100%" class="box">
<colgroup ><col width="25%"><col width="25%"><col width="25%"><col width="25%"></colgroup>
<tbody>
<tr>
<td>반찬</td>
<td>국물요리</td>
<td>별미일품</td>
<td class="none">밥죽</td>
</tr>
</tbody>
</table>
xhtml transitional 에서 테스트했습니다.
<style type="text/css" media="screen">
ul {float:left;margin:0;padding:0;width:500px;border:1px solid #ccc;background:#f7f7f7;list-style:none}
ul li {float:left;margin-left:-1px;padding:10px 0;width:25%;border-right:1px solid #eee;border-bottom:1px solid #eee;text-align:center}
.rt_none {border-right:none}
</style>
<ul>
<li>반찬</li>
<li>국물요리</li>
<li>별미일품</li>
<li class="rt_none">밥죽</li>
<li>도시락</li>
<li>샌드위치</li>
<li>베이커리</li>
<li class="rt_none">면요리</li>
</ul>
<div style="clear:both;height:0;overflow:hidden"><!-- --></div>