웹마스터 팁
XE Board 2007 스킨에서 Table 속성을 W3C 표준에 맞추기.
2013.05.17 04:23
XE Board 에서 XE 2007 스킨을 사용할 경우(다른 스킨들도 비슷합니다), W3C Markup Validation Service 검사를 하면 꼭 Table 속성에서 표준을 통과하지 못합니다.
사용에는 문제가 없지만 W3C 표준에 맞추기를 원한다면 다음과 같이 하면 됩니다.
XE 2007 스킨 기준으로, style.list.html 파일 하나를 예로 들겠습니다. 다른 스킨과 리스트 보기가 아닌 웹진과 같은 다른 보기를 사용하는 경우에도 비슷하게 바꿔주면 될 것 같습니다.
1 | <table cellspacing="0" summary="" class="boardList"> |
위와 같이 Table 속성이 적용된 것을 찾아서 아래와 같이 class 값만 남겨놓고 다 지워줍니다.
1 | <table class="boardList"> |
다음으로, css/common.css 파일에 아래와 같은 내용을 추가합니다.
1 2 | table{border-spacing:0;border-collapse:collapse}table td, table th{padding:0} |
아시는바대로, 위의 코딩은 이전 Table 태그의 cellSpacing=0, cellPadding=0 값을 준것과 동일합니다.
이제 W3C Markup Validation Service 로 검사하면 아무런 Error 없이 검사에 통과 되었다는 축하 메세지를 받게 됩니다. ^^
댓글 3
-
Paul
2013.05.17 15:14
윈컴이님의 말씀이 맞습니다. ^^ 혹시 table 속성이 cellspacing과 cellpadding 값이 0이 되길 원치 않으시면 위의 윈컴이님의 말씀대로 하면 될것 같습니다. 암튼 글의 취지는 css 를 이용하라는 것이었습니다. XE 2007 보드 스킨은 XE 공식 스킨이니만큼 XE Board 개발팀에서 수정해주시면 더 좋구요~ ^^
-
그렇군요~ 혹시 저처럼 쓰시고 싶은 분을 위해 소스코드 아래에 남겨드립니다.
12.boardList{border-spacing:0;border-collapse:collapse}.boardList td, .boardList th{padding:0}
그냥 table로 하면 모든 table태그에 적용 되기 때문에,
.boardList{border-~~~
이렇게 하셔야 할 듯 합니다 :)