댓글 : 웹 접근성을 고려한 게시판 제작 기법.

정찬명가 만듬

정찬명 — Mon, 25 Jan 2010 19:13:19 +0000

모락모락님 안녕하세요?
position:absolute 속성은 숨은 제목이 주변의 다른 흐르는 블럭들을 밀어내거나 줄바꿈하지 않도록(즉, 의도하지 않은 마진이 발생하지 않도록) 영향을 주지 않기 위하여 분리(띄움)하는 역할을 합니다. 너비와 높이가 모두 0px 이더라도 position:absolute 속성을 선언하지 않으면 어떤 브라우저들은 원치 않는 마진을 발생 시킵니다.

모락모락가 만듬

모락모락 — Mon, 25 Jan 2010 11:58:27 +0000

숨은 제목 제공 기법에 관한 css 를 보다 궁금한 점이 생겨 여쭤보는데요..
다른 것들은 이해가 가는데 ‘position:absolute’ 만 주는 이유는 무엇인가요?
어떤 역할을 하는 것인지 궁금합니다

정찬명가 만듬

정찬명 — Tue, 13 Oct 2009 15:41:51 +0000

박은아님 안녕하세요? td 요소에 클래스를 왜 주는지 잘 이해를 못하고 있습니다. 한편 &nbsp 와 같은 더미 데이터를 넣지 않고 다른 방법으로는 IE 6~7 에서 빈 셀의 보더 표시 방법을 저도 찾지 못했습니다. 저로써는 해결 불가능 이네요. 한편 뾰족한 대안이 없는 상황에서 무조건 더미 데이터는 안된다고 말하기도 어렵지 않나 하는 생각도 들구요. ^^

박은아가 만듬

박은아 — Fri, 09 Oct 2009 08:41:56 +0000

내용 수정이 안되네요…
테이블에서 (td class=”sBg”)(/td) 로 줬어요

박은아가 만듬

박은아 — Fri, 09 Oct 2009 08:40:07 +0000

저번에 td 사이에 아무런 문자열도 없이 처리를 하게 될 때 익스플로러 7이하 버전에서는 css 가 안 먹혀서 라인이 사라진다고 문의 드렸던 사람인데요..
하나만 더 여쭤볼려구요..
내용 없는 셀에 항상 & nbsp; 가 남게 해달라고 요청했더니, 기획하시는 분이 그 방법은 아닌거 같다고 하셔서 어쩔 수 없이 td 1픽셀씩 클래스로 넣어줬어요.

그러니까 스타일 페이지 .sBg2 {background-color:#E7DDBE; width:1px;} 로 정의하고
테이블에서 로 했더니 익스플로러 7에선 1픽셀의 세로줄을 화면에 표시하지 않더라구요..
혹시 좋은 방법이 없을까요…

정찬명가 만듬

정찬명 — Wed, 07 Oct 2009 01:54:05 +0000

여우님, 안녕하세요?
제가 중요한 정보를 빼먹었는데 적절하게 잘 질문해 주셨네요.
네, 게시판용 테이블에도 caption 또는 summary가 필요 합니다.

한편
caption은 표의 제목을 마크업하는 요소,
summary는 표의 내용을 요약하는 속성 이라는점 알고 계시죠? ^^

예를 들어 자유게시판이라면 다음과 같이 제공하는 것이 하나의 적절한 예라 할 수 있겠습니다.

[table summary="자유게시판에 900개의 글 목록"]
[caption]자유게시판 글 목록[/caption]
[/table]

둘 다 제공하면 좋지만 최소한 둘 중 하나 만이라도 사용하는 것이 좋겠습니다.

여우가 만듬

여우 — Wed, 07 Oct 2009 01:41:00 +0000

게시판 웹표준 및 웹접근성 관련해서 검색하다가 처음 왔는데요..
여기에 질문해도 되는지는 모르겠지만^^
제가 궁금한 부분이..
게시판 목록에도 테이블처럼 caption, summery를 제공해야하는지해서요..

박은아가 만듬

박은아 — Thu, 10 Sep 2009 06:03:46 +0000

그렇군요^^
답변주셔서 고맙습니다.

정찬명가 만듬

정찬명 — Tue, 08 Sep 2009 02:56:57 +0000

그래서 저는 내용 없는 셀에 항상 & nbsp; 가 남도록 합니다. 이 방법보다 더 좋은 방법을 아직 찾지 못했거든요. 혹시 더 좋은 방법 발견하시면 저도 좀 알려주세요. ^^

박은아가 만듬

박은아 — Tue, 08 Sep 2009 01:48:02 +0000

이제 막 웹접근성에 따른 코딩을 시작한 사람이예요..
이곳에서 참고하며 배우고 가는데, 해결되지 않는 부분이 있어서 문의를 드립니다.

여기에 게시판 목록 예제처럼 동일하게 처리했을때

td 사이에 아무런 문자열도 없이 처리를 하게 되면, 파이어폭스나 익스플로러 8에서는 정상적으로 보이는데, 익스플로러 7이하 버전에서는 css 가 안 먹혀서 라인이 사라지는 현상이 일어나더라구요..

이럴땐 어떻게 처리를 하면 될까요?
답변 좀 부탁드릴께요