[re] 1픽셀 테이블에 관하여 질문드립니다. > 유익한 싸이트

[re] 1픽셀 테이블에 관하여 질문드립니다.

 박석환    | 2004·12·10 14:41 | HIT : 74 |



메뉴에 드림위버 기본&활용 강좌에 1픽셀 테이블 만들기 강좌를 따라하던중

의문점이 있어서 질문드립니다..



강좌에서



<table width="300" border="1" cellspacing="0" cellpadding="0" bordercolor="#0066CC" style="border-collapse:collapse">



윗처럼 테이블에 직접 스타일을 적용하면 1픽셀 테이블이 만들집니다.



하지만 해드 부분에 직접 아래와 같이 모든 테이블에 적용하려고 스타일을 작성시 외곽 테두리는 1픽셀로 되지만 내부 셀은 그대로 입니다.

테두리 색도 변하지 않습니다...



table {

border-collapse:collapse;

border-color: #0066FF;

}



1픽셀로 만드는 방법이 따로 있긴 하지만 테이블 만들때마다 셀간격, 테두리배경 , 셀 배경을 적용시켜워야 되어서.. 한번에 스타일로 하는 방법을 찾고 있는 중입니다.

이 두부분의 스타일이 왜 틀리는지 알고 싶습니다..



컴퓨터 환경

IE6.0

드림위버 2004





우선 해결방법은 다음과 같습니다. 스타일에서 table만 정의하는게 아닌 td까지 하셔야 합니다.

즉,



table, td {

        font-family: Tahoma, 돋움; /* 글꼴종류 */

        font-size: 11px; /* 크기 */

        border-collapse:collapse; /* 분리된 테두리를 무너뜨리는 속성 */

        border: 1px solid #0066FF; /* 보더 두께, 스타일, 색상 */

}





이렇게 두 개의 속성을 정의하시면 가능합니다. 그러나 왜(?) 구문에 적용하는것과의 차이점은 모르겠군요.

혹시, 상속문제가 아닌지... 의심할 뿐~

 

고신중  감사합니다...

많은 도움이 되엇습니다. 


[이 게시물은 human님에 의해 2007-05-14 17:58:49 bilkboard1에서 복사 됨]
[이 게시물은 human님에 의해 2007-05-15 09:09:28 bulk3에서 이동 됨]