xhtml1-transitional.dtd 에서 bordercolor 에러...
이퓨리한나
안녕하세요..요즘 크로스 브라우징과 웹표준화를 위해 노력하고 있는 퍼블리셔 중 한명입니다.
예전에 작업 했던 사이트들 중에서 크로스 브라우징 및 웹표준화에 맞게 다시 공부 해서 코딩 하던중에...
마크업 검사를 하는데 에러 하나가 뜨더라구요..
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml xml:lang=ko lang=ko
head
meta http-equiv=Content-Type content=text/html; charset=euc-kr /
title:: 플레이뮤직 ::/title
link rel=stylesheet type=text/css href=css/base.css /
link rel=stylesheet type=text/css href=css/main_test.css /
/head
body
.
.
.
기타 소스 생략
table width=440 cellspacing=0 bordercolor=#d5d1C6 cellpadding=0 border=1 style=margin-bottom:14px;
colgroup
col width=73 /col width=74 /col width=73 /col width=74 /col width=73 /col width=73 /
/colgroup
caption class=l orange02 b사랑문자/caption
tr
tda href=# class=sp_msg♡.♡/a/td
tda href=# class=sp_msg♥.♥/a/td
tda href=# class=sp_msg(/^o^)/♡/a/td
tda href=# class=sp_msg☞♡☜/a/td
tda href=# class=sp_msg( ̄ ³ ̄)~♡/a/td
tda href=# class=sp_msg(*^}{^*)/a/td
/tr
tr
tda href=# class=sp_msg---▷♡/a/td
tda href=# class=sp_msg*♥o♥*/a/td
tda href=# class=sp_msg(*'З(..*)/a/td
tda href=# class=sp_msg(^♡^)/a/td
tda href=# class=sp_msg(♡♡)/a/td
tda href=# class=sp_msg(*^^З(^o^)/a/td
/tr
/table
/body
/html요렇게 에러가 뜨더라구요...제가 쓰는 dtd 선언에선 지원하지 않는 요소 인거라고 뜬거 같은데 그래서
아래와 같이 소스를 수정했어요..
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml xml:lang=ko lang=ko
head
meta http-equiv=Content-Type content=text/html; charset=euc-kr /
title:: 플레이뮤직 ::/title
link rel=stylesheet type=text/css href=css/base.css /
link rel=stylesheet type=text/css href=css/main_test.css /
style type=text/css
table {border-collapse: collapse;}
table.sp_tb{
border:1px solid #d5d1c6;
}
table.sp_tb td{
padding:0;
border:1px solid #d5d1c6;
text-align:center;
}
/style
/head
body
.
.
.
기타 소스 생략
table width=440 cellspacing=0 cellpadding=0 border=1 style=margin-bottom:14px; frame=box class=sp_tb
colgroup
col width=73 /col width=74 /col width=73 /col width=74 /col width=73 /col width=73 /
/colgroup
&caption class=l orange02 b사랑문자/caption
tr
tda href=# class=sp_msg♡.♡/a/td
tda href=# class=sp_msg♥.♥/a/td
tda href=# class=sp_msg(/^o^)/♡/a/td
tda href=# class=sp_msg☞♡☜/a/td
tda href=# class=sp_msg( ̄ ³ ̄)~♡/a/td
tda href=# class=sp_msg(*^}{^*)/a/td
/tr
tr
tda href=# class=sp_msg---▷♡/a/td
tda href=# class=sp_msg*♥o♥*/a/td
tda href=# class=sp_msg(*'З(..*)/a/td
tda href=# class=sp_msg(^♡^)/a/td
tda href=# class=sp_msg(♡♡)/a/td
tda href=# class=sp_msg(*^^З(^o^)/a/td
/tr
/table
/body
/html
위와 같이 수정해서 통과는 됐는데요..
테이블 디자인에서 위와 같이 테두리가 다 필요한 요소에 대해서 또 다른 방법이 있나 해서 제가 저렇게 한게 맞는지 궁금해서 글 올립니다..
-
핑1크캣
전 비슷한 경험으로,
img 속성에 border값을 넣었을 때,
걸리는 경우를 체험했답니다;;; -
밝은빛누리예
table style에 border-color값을 사용 했을때 파폭만 색깔 및 테두리 값이 정확히 표현되고
사파리 같은경우 테두리 값은 다 되는데 외곽 테두리 색깔만 기본 색깔고 섞여서 나오네요
오페라와 익스는 외곽 테두리만 적용이 되고 색깔도 섞여서 나오네요..음... -
볼수록매력
table bordercolor=\#d5d1c6\ 대신에
table 에 style 를 사용하셨다면 style=\border-color:#d5d1c6... 추가하셔도 될듯합니다. -
글리슨
허용되는 속성을 한번 확인해보세요~
-
꽃봄
속성엔 bordercolor란 값이 없는거 같았어요..음..