묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
테이블에 관한 질문입니다.
2004.11.12 20:53
<style>
.stable{
border-top:2px solid #FF0000;
border-bottom:2px solid #FF0000;
border-left:0px;
border-right:0px;
}
.std{
border-top:0px solid #FF0000;
border-bottom:1px solid #FF0000;
border-left:0px;
border-right:0px;
}
.etd{
border-top:0px solid #FF0000;
border-bottom:0px solid #FF0000;
border-left:0px;
border-right:0px;
}
</style>
<BODY>
<table class="stable" border="1" width=500>
<tr>
<td class="std">
</td>
<td class="std">
</td>
<td class="std">
</td>
</tr>
<tr>
<td class="std">
</td>
<td class="std">
</td>
<td class="std">
</td>
</tr>
<tr>
<td class="std">
</td>
<td class="std">
</td>
<td class="std">
</td>
</tr>
<tr>
<td class="etd">
</td>
<td class="etd">
</td>
<td class="etd">
</td>
</tr>
</table>
이렇게 하면 <td> 와 <td> 사이
즉.. 컬럼과 컬럼 사이가 뜨게됩니다.
네이트 클럽같은곳을 가보면 컬럼과 컬럼사이도 끊어지지 않고 죽 이어져 있는데 말입니다.
이걸 어떻게 해야 끊어지지 않도록 할수 있는지요?
.stable{
border-top:2px solid #FF0000;
border-bottom:2px solid #FF0000;
border-left:0px;
border-right:0px;
}
.std{
border-top:0px solid #FF0000;
border-bottom:1px solid #FF0000;
border-left:0px;
border-right:0px;
}
.etd{
border-top:0px solid #FF0000;
border-bottom:0px solid #FF0000;
border-left:0px;
border-right:0px;
}
</style>
<BODY>
<table class="stable" border="1" width=500>
<tr>
<td class="std">
</td>
<td class="std">
</td>
<td class="std">
</td>
</tr>
<tr>
<td class="std">
</td>
<td class="std">
</td>
<td class="std">
</td>
</tr>
<tr>
<td class="std">
</td>
<td class="std">
</td>
<td class="std">
</td>
</tr>
<tr>
<td class="etd">
</td>
<td class="etd">
</td>
<td class="etd">
</td>
</tr>
</table>
이렇게 하면 <td> 와 <td> 사이
즉.. 컬럼과 컬럼 사이가 뜨게됩니다.
네이트 클럽같은곳을 가보면 컬럼과 컬럼사이도 끊어지지 않고 죽 이어져 있는데 말입니다.
이걸 어떻게 해야 끊어지지 않도록 할수 있는지요?
와 같이 테이블 속성에 "cellspacing=0" 를 넣어보세요.