수다닷컴

안녕하세요.
웹표준으로 베너 페이지 작업하다 궁금하여 문의 드려요..

이미지와 같이 코딩하려면 어떻게 해야 할께요
dl로 처리해야 할지.. ul로 처리해야할지 항상 고민하네요..
이런 경우 보틍 어떻게 코딩하세요....??보통 베너이미지 - 사이트명 - URL 순서로 마크업을 많이 하는것으로 보았는데요.
베너의 이미지보다는 베너로 연결할 사이트의 이름이 먼저 나와야 할것 같아서 아래와 같이 해보았는데요.
마크업을 사이트명 - 베너이미지 - URL 순서로 해야 할 것 같은 개인적인 생각이 들어 저는 아래와 같이 해보았는데요.
왠지~~~
더 좋은 의견이 있으시면 알려주세요...div id=website
ul
li기후변화협약 (UNFCC)
ul
li class=bannerimgimg src=banner_01.gif width=177 height=52 alt=기후변화협약 (UNFCC) 사이트 //li
lia href=http://unfccc.int/2860.php www.unfccc.int/2860.php/a/li
/ul
/li
li아시아 태평양 경제사회위원회
ul
li class=bannerimgimg src=banner_02.gif width=177 height=52 alt=아시아 태평양 경제사회위원회 //li
lia href=http://www.unescap.org/ www.unescap.org//a/li
/ul
/li
li국제에너지기구
ul
li class=bannerimgimg src=banner_03.gif width=177 height=52 alt=국제에너지기구 //li
lia href=http://www.iea.org http://www.iea.org /a/li
/ul
/li
liIPCC
ul
li class=bannerimgimg height=52 alt=IPCC 사이트 src=banner_04.gif width=177 //li
lia href=http://www.ipcc.ch http://www.ipcc.ch/a/li
/ul
/li
/div
====css=====
#website {position:relative;margin:0;padding: 0;}
#website ul {}
#website ul li{height:58px;position:relative;display:block;margin:15px 0;padding:3px 0 0 200px;border-bottom:1px solid #eee;}
#website ul li ul{display:block}
#website ul li ul li{margin:0;padding:0;border:0px;}
#website ul li ul a.blank {margin:0;}
#website .bannerimg{position：absolute;top:0px;left:0px;margin:0;padding:0;}

신청하기