수다닷컴

안녕하세요 요즘 한창 웹표준 공부하고있는 디자이너입니다
시안 후 코딩작업을 하려고하는데.. 네비게이션 부분이 많이 어렵네요..
혼자 낑낑거리다
도움을 요청할 수 밖에 없네요.

문제점)
메뉴 텍스트가 로고 옆으로 위치해야 하는데 로고 믿으로 자꾸 떨어지네요..
이런 네비게이션 구조인 소스를 갖고계신 분은 소스 공유좀 부탁드립니다..... 또는 잘못된 부분은 지적해주세요..^^
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml
HEAD
style
* {padding:0; margin:0; }
body {font-family:dotum; font-size:12px; color:#A9A9A9; background:#000; }
a {text-decoration:none ;color:#A9A9A9}
a:hover {text-decoration:underline; color:fff;}
/* header */
#header {height:88px; width:100%; background:url(img/back_02.gif) repeat-x;width:100%;}
.logo {position：absolute; float:left;}
#logo_box {float:left;}
#top_menu {float:right; margin-top:7px; font-size:11px;}
#top_menu li {float:left;padding-right:8px;}
#top_menu li.help {background:url(img/ico_help.gif) no-repeat ; padding-left:14px;}
#top_menu li.logout {background:url(img/ico_logout.gif) no-repeat; padding-left:14px;}
/style

BODY
!-- header --
div id=header
h1 class=logoimg src=img/logo.gif/h1
ul id=top_menu
liCurrent User: 3/li
li class=helpa href=도움말/a/li
li class=logouta href=#로그아웃/a/li
/ul
ul id=menu
lia href=#대시보드/a
ul id=sub_menu
lia href=#메인대시보드/a/li
lia href=#사용자 정의 대시보드/a/li
/ul
/li
/ul
ul id=menu
lia href=#대시보드/a
ul id=sub_menu
lia href=#메인대시보드/a/li
lia href=#사용자 정의 대시보드/a/li
/ul
/li
/ul
ul id=menu
lia href=#대시보드/a
ul id=sub_menu
lia href=#메인대시보드/a/li
lia href=#사용자 정의 대시보드/a/li
/ul
/li
/ul
/div
/BODY
/HTML

신청하기