CI 코드

제목 [팁] View 처리에서 td값 공백시 선 유지방법
글쓴이 ci세상 작성시각 2009/08/26 12:00:09
댓글 : 0 추천 : 0 스크랩 : 0 조회수 : 20960   RSS

목적 : 테이블에 css를 적용할때 td값이 비어 있을때 선이 안보여서 강제로 스페이스나 공백을 넣어줘야 하는 경우가 있는데요 그것을 간단한 스타일 시트로 처리가 가능해서 팁으로 올려봅니다.

style="border-collapse:collapse;"
1. 잘못된 경우 : td값이 공백이면 선이 사라지는 경우입니다.

 
<table align="center" width="102"  border="1" cellpadding="1" cellspacing="0" bordercolor="white" bordercolorlight="#7E9EC5"> 
    <tr> 
        <td width="96" height="26"></td> 
    </tr> 
</table> 
 


2. 정상적인 경우 : td값이 공백이라도 위의 스타일에 의해서 선이 유지가 됩니다.

<table align="center" width="102"  border="1" cellpadding="1" cellspacing="0" bordercolor="#7E9EC5" style="border-collapse:collapse;"> 
    <tr> 
        <td width="96" height="26"></td> 
    </tr> 
</table> 


3. CSS에 적용시

table{border-collapse:collapse;}




 다음글 [예제] 폼 헬퍼 사용
 이전글 [팁] 배열 이용 타이틀명 만들기 (1)

댓글

없음