수다닷컴

안녕하세요 허접한 웹디 및 코더 입니다.

요번에 win8 나왔는데 그 광고보시더니
사장님께서 저러헥 하자고 하셔서 급조된 프레임 구조입니다.

아무튼....일단 저렇게 코딩을 하긴 했는데 ..
계속 테이블 코딩하다가 div나 ul 로 바꾸려니 힘드네요 ..
코딩하면서 이게 표준을 준수한건지도 모르겠고..
웹표준이다, 웹접근성이다 요즘 공부에 갈증을 느끼곤있는데
잘 안되네요 ..

틀린 코딩을 하고있을순 없어서 하코사의 힘을 빌어봅니다 ..
결론은.. 저 구조 그대로 웹표준을 준수한 코딩을 도와주실분 계신가요 ?ㅎ
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd
html
head
title New Document /title
meta name=Generator content=EditPlus
meta name=Author content=
meta name=Keywords content=
meta name=Description content=
/head
style type=text/css
#window_frame {width:980px; margin:0px auto; background-color:red; }
#window_frame_l div {width:230px; height:110px; margin:0 5px 5px 0;}
#window_frame_ll div {width:230px; height:110px; margin:0 5px 5px 0; float:left;}
#window_frame_l img {width:230px; height:110px; margin:0 5px 5px 0;}
#window_frame_r div {width:230px; height:110px; margin:0 5px 5px 0;}
/style

body
div id=window_frame
div style=float:left
div id=window_frame_ll
div style=float:left; width:230px; height:225px;img src=http://www.popshoes.co.kr/images/new_skin/naver/nike.jpg width=230px height=225px;/div
div style=float:leftimg src=http://www.popshoes.co.kr/images/new_skin/naver/newbalance1.jpg width=230px height=110px;/div
div style=float:leftimg src=http://www.popshoes.co.kr/images/new_skin/naver/room.jpg width=230px; height=110px;/div
/div
div id=window_frame_l
div style=float:leftimg src=/divhttp://www.popshoes.co.kr/images/new_skin/naver/newbalance2.jpg/div
div style=float:leftimg src=/divhttp://www.popshoes.co.kr/images/new_skin/naver/popshoes.jpg/div
/div
div id=window_frame_ll
divimg src=http://www.popshoes.co.kr/images/new_skin/naver/airmax.jpg width=230px height=110px/div
div style=float:left; clear:bothimg src=http://www.popshoes.co.kr/images/new_skin/naver/dart.jpg width=230px height=110px;/div
/div
div style=float:left; margin-top:-115px; id=window_frame_ll
div style=float:left; width:230px; height:225px;img src=http://www.popshoes.co.kr/images/new_skin/naver/newbalance.jpg width=230px height=225px;/div
div style=float:left; width:110px;img src=/divhttp://www.popshoes.co.kr/images/new_skin/naver/canadagoose1.jpg/div
div style=float:left; width:110px;img src=/divhttp://www.popshoes.co.kr/images/new_skin/naver/canadagoose.jpg/div
div style=float:left; width:110px; clear:both; margin-top:-115px; margin-left:235px;img src=/divhttp://www.popshoes.co.kr/images/new_skin/naver/northface.jpg/div
div style=float:left; width:110px; margin-top:-115px; margin-left:345px;img src=/divhttp://www.popshoes.co.kr/images/new_skin/naver/northface1.jpg/div
/div
/div
div style=float:left; margin-left:30px;
div id=window_frame_r
div style=float:leftimg src=/divhttp://ngdc.dothome.co.kr/new/10.jpg/div
/div
div id=window_frame_r
div style=float:left; clear:bothimg src=/divhttp://ngdc.dothome.co.kr/new/10.jpg/div
/div

div style=float:left; clear:both; id=window_frame_ll
div style=float:left; width:106px; clear:both;img src=/divhttp://www.popshoes.co.kr/images/new_skin/naver/northface.jpg/div
div style=v style=float:left; width:106px;img src=/divhttp://www.popshoes.co.kr/images/new_skin/naver/northface1.jpg/div
div style=float:left; width:106px; clear:both;img src=/divhttp://www.popshoes.co.kr/images/new_skin/naver/northface.jpg/div
div style=float:left; width:106px;img src=/divhttp://www.popshoes.co.kr/images/new_skin/naver/northface1.jpg/div
/div
/div
/div
/body
/html

신청하기