Table 처리시.

Website 세상/Web Design 2008. 9. 9.
Table 처리시.

테이블에서 박스를 씌우고 , 표형태로 출력 시 값이 없을 때 셀구분선이 표시되지 않기때문에
이를 위해서 if 문으로 처리하여 null 이면 '&nbsp'를 출력하도록 코딩되어 있습니다.
그래서 코딩량도 많고 관리되 어려운데 다음처럼 표를 처리하면 모든 문제가 해결됩니다.

<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' 카테고리의 다른 글

셀 배경 고정  (0) 2008.10.24
css 속성  (0) 2008.10.15
스타일시트를 이용한 글씨 세로로 쓰기  (0) 2008.09.29
CI SYSTEM  (0) 2008.09.11
[색상코드] 클릭해서 사용하는 색상코드  (0) 2008.09.11
스타일시트로 테이블에 그라데이션 효과 주기  (0) 2008.09.09
CSS 필터모음  (0) 2008.09.09
웹 사이트에 색 좀 제대로 쓰자  (0) 2008.09.09
색의 감성효과  (0) 2008.09.09
프로페셔널 디자이너  (0) 2008.09.09
Table 처리시. - IT감리, IT컨설팅, 웹컨설팅, 웹에이전시, 웹솔루션개발, ERP, SCM, CRM, ToTb, 홈페이지제작, 웹사이트 제작, 온라인 마케팅, 시스템구축, 유지보수, 운영대행 등
  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 라이프코리아트위터 공유하기
  • shared
  • 카카오스토리 공유하기