테이블에서 박스를 씌우고 , 표형태로 출력 시 값이 없을 때 셀구분선이 표시되지 않기때문에
이를 위해서 if 문으로 처리하여 null 이면 ' '를 출력하도록 코딩되어 있습니다.
그래서 코딩량도 많고 관리되 어려운데 다음처럼 표를 처리하면 모든 문제가 해결됩니다.
<table style='border-width:1px;border-color:#90a2ac;border-style:solid;' width='91%' border='1' cellpadding='3' cellspacing='0' frame=void bordercolordark='white' bordercolorlight='#90a2ac'>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
위와 같이 하면 값이 없더라도, 셀구분선이 정확히 표시됩니다.
* 잠깐 설명을 하면
style='border-width:1px;border-color:#90a2ac;border-style:solid;' 은 테이블의 외곽선을 그리는 것입니다.
frame = void 는 테이블 내부의 각 셀의 표시방업입니다.
. 사용가능한 값은 : void, hsides, vsides 등 8가지 가 있습니다.
. 말로 설명하기는 어렵고, 직접 테스트 해보세요
이를 위해서 if 문으로 처리하여 null 이면 ' '를 출력하도록 코딩되어 있습니다.
그래서 코딩량도 많고 관리되 어려운데 다음처럼 표를 처리하면 모든 문제가 해결됩니다.
<table style='border-width:1px;border-color:#90a2ac;border-style:solid;' width='91%' border='1' cellpadding='3' cellspacing='0' frame=void bordercolordark='white' bordercolorlight='#90a2ac'>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
위와 같이 하면 값이 없더라도, 셀구분선이 정확히 표시됩니다.
* 잠깐 설명을 하면
style='border-width:1px;border-color:#90a2ac;border-style:solid;' 은 테이블의 외곽선을 그리는 것입니다.
frame = void 는 테이블 내부의 각 셀의 표시방업입니다.
. 사용가능한 값은 : void, hsides, vsides 등 8가지 가 있습니다.
. 말로 설명하기는 어렵고, 직접 테스트 해보세요
'Website 세상 > Web Design' 카테고리의 다른 글
CI SYSTEM (0) | 2008.09.11 |
---|---|
[색상코드] 클릭해서 사용하는 색상코드 (0) | 2008.09.11 |
스타일시트로 테이블에 그라데이션 효과 주기 (0) | 2008.09.09 |
CSS 필터모음 (0) | 2008.09.09 |
웹 사이트에 색 좀 제대로 쓰자 (0) | 2008.09.09 |