웹접근성 문제...
미련곰팅이
여기서 자꾸 Error가 뜨는데...이유가 도통 뭔지 모르겠네요..
도움좀 부탁드립니다....ㅠㅠ
/*CSS*/
dl.photo_box dd {float:left; background:url(../../images/education/img07_02.gif) no-repeat; width:318px; height:235px; margin-left:10px;}
dl.photo_box dd img {margin-left:18px; margin-top:18px; width:283px; height:200px;}
dl.photo_box dt {float:left; width:230px; margin-left:20px; margin-top:20px;}
dl.photo_box dt img {margin-top:10px;}
dl.photo_box dt p {color:#7a7a7a; line-height:17px; padding-top:10px;} /*Soure*/
dl class=photo_box
ddimg src=../images/education/img07_01_05.jpg width=283 height=200 alt=영상실 //dd
dtimg src=../images/education/txt07_01_05.gif width=73 height=46 alt=영상실 /p스크린과 프로젝터를 설치하여 세계의 유명도시나 자연을 감상할 수 있도록 설비/p/dt
/dl
- 에러메세지~
document type does not allow element p here; missing one of object, applet, map, iframe, button, ins, del start-tag
빨간부분이 에러라는데..dt안에 P테그를 쓸수 없는건가요???
-
첫삥
dl은 콘텐츠의 디자인 구조를 위한 table 대용이 아니여요. 의미와 목적이 있는 태그입니다. 덧글 수정해서 올렸으니 참고하여 보세요~
-
겨울
근데 이것은 접근성이라기 보다 표준의 문제..? 꺄~
-
마리
감사......수다닷컴이 없었으면 어찌했을꼬...ㅠㅠ
-
한별
pspan class=\imgSample\img src=\이미지\/span설명설명/p
- 이미지의 span을 display:block 으로 블록요소로 치환하여도 가능 할 것 같은데.. 전체 콘텐츠 구조를 봐야지 파악이 쉽겠네요. 목록 콘텐츠가 아닌데 ul로 하는 것은 의미가 맞지 않을 것 같고요 -_ㅜ -
유메
이미지 밑에 설명 문구라면 순서를 바꾸시져?
dt이 img를 넣고 dd에p를 넣으면 될껀데요... -
허리달
아핫...
저걸 어찌처리하면 좋을꼬...ㅠㅠ 이미지밑에 설명문구가 나와야하능데....이럴땐 어떠케 처리를하나요?? -
잇힝
dt가 인라인 태그라서 그런거 아닌가요?
p를 span으로 바꾸시면.... -
알프레드
dt는 제한적 block 요소 입니다. dt 안에 p,h 등 block 요소가 들어갈 수 없어요
아래 html는 영상실 + 영상실 소개 구조인가요? 그렇다면 dd dt 구조도 괜찮겠지만 영상실 설명과 그것의 전경을 보여주는 이미지라면 굳이 dl구조가 아닌 p(문단)+이미지여도 되지 않을까해요. dl를 제어하기 위한 css도 많이 생성되고요.