현재 위치

홈 ›› Forums ›› 공부 ›› 프로그래밍 QnA

html & css 질문입니다. 어렵군요 ㅎ

lacovnk의 이미지
글쓴이: lacovnk / 작성시간: 토, 2004/11/20 - 10:35오후

1. table에서, col 단위로 style을 주려고 하는데요,

col 태그에는 속성이 거의 안붙더군요.. border나 background-color 정도인가.. font-weight 같은 건 안되더군요. 아마도, layer처럼 렌더링해서 그런가보죠?

그..그렇다면.. 각각 <tr> 속의 <td> 마다 class=bla.. 라고 적어줘야 하는건가요? 으으.. 뭔가 수가 있지 않으려나요..

2. <table border=1px> 와 같은 효과를 주려면?

그냥 table 태그에다가 붙여버리면, 블록요소니 바깥에만 처리해버고.. 그러면 tr에다가 모조리 넣어주고, col 에다가 넣어주는.. 방법밖에 없는건가요? (위의 그림대로라면.. 그런것 같긴 하군요 :( )

3. html 4.01 strict는 앞에 뭐라고 붙여줘야 하나요?

Quote:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">

라고 적으면 validation results에 보면 DOCTYPE Fallback in effect! 라고 뜨고, Strict 빼면 auto로 하면 Strict로 성공했다고 나오는데, strict 지정하고 validate하면 DOCTYPE Override in effect! 라고 뜨니.. 잘 모르겠군요 ^^;

Forums: 
프로그래밍 QnA
progcom의 이미지

글쓴이: progcom / 작성시간: 토, 2004/11/20 - 11:15오후

1. inherited가 yes 인 속성은 원칙상 상위 속성의 값을 가져와야합니다만... XX같은 IE에서는 제대로 처리하지 못합니다. 특히나 테이블에서는 심각할 정도로.

2. border에 대해서는 그래야 합니다만... 편하게 특정 태그의 특정 하위 태그에 모두 적용하는 방법이 있습니다.
table.border td { border: 1px solid }
이런식으로 쓰면 class="border"로 지정한 테이블 안의 모든 td 태그에는 적용이 됩니다.

3. 질문 전에 규격 문서를...:http://www.w3.org/TR/html4/struct/global.html#didx-document_type_declaration
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

lacovnk의 이미지

글쓴이: lacovnk / 작성시간: 토, 2004/11/20 - 11:39오후

progcom wrote:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Quote:
This Page Tentatively Validates As HTML 4.01 Strict (Tentatively Valid)!

DOCTYPE Override in effect!
The detected DOCTYPE Declaration "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">" has been suppressed and the DOCTYPE for "HTML 4.01 Strict" inserted instead, but even if no errors are shown below the document will not be Valid until you update it to reflect this new DOCTYPE.

으음... 역시 strict로 놓고 validate하면 이런데.. 원래 이런건가요? ;

progcom의 이미지

글쓴이: progcom / 작성시간: 토, 2004/11/20 - 11:50오후

W3C validator에서 DOCTYPE을 따로 지정해주면 그런 메세지가 나옵니다. (detect automatically)로 내버려 두었을때, Strict로 자동 검출이 되어야 Strict validate 한 문서지요. :)

lacovnk의 이미지

글쓴이: lacovnk / 작성시간: 일, 2004/11/21 - 12:07오전

progcom wrote:
1. inherited가 yes 인 속성은 원칙상 상위 속성의 값을 가져와야합니다만... XX같은 IE에서는 제대로 처리하지 못합니다. 특히나 테이블에서는 심각할 정도로.

근데 잘 생각해보니, 표면적으로는 상속되어야 할 것 같지만,

col은 colgroup의 child이고 (이렇게 말하기도 하나요? ) td는 tr -> tbody,thead,tfoot 의 child인데.. 둘은 사촌간이니 -_-;

상속이 안되는게 당연하려나요.. 으으...

아닌가요 ㅎㅎ

http://www.richinstyle.com/bugs/table.html

좀 오래된 자료같긴 하지만 css 관련 버그 리스트가 있군요. 말씀대로 table에서 style 상속이 심각한 수준이군요 ㅎ

댓글 달기

텍스트 포맷에 대한 자세한 정보

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.