네비게이션 코딩하다 자꾸 막히네요... 해결좀 부탁드려요...
힘차
안녕하세요 요즘 한창 웹표준 공부하고있는 디자이너입니다
시안 후 코딩작업을 하려고하는데.. 네비게이션 부분이 많이 어렵네요..
혼자 낑낑거리다
도움을 요청할 수 밖에 없네요.
문제점)
메뉴 텍스트가 로고 옆으로 위치해야 하는데 로고 믿으로 자꾸 떨어지네요..
이런 네비게이션 구조인 소스를 갖고계신 분은 소스 공유좀 부탁드립니다..... 또는 잘못된 부분은 지적해주세요..^^
!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
-
눈솔
초스피드 답변에 완전 감솨~ 근데 봐도 모르겠네요... 어흑 ㅠㅠ
-
매1혻적
흠..저같은경운 저런레이아웃에서 header 포지션을 relative로주구 로고를 absolute로 한다음에 메뉴는 패딩값으로 조절해요...이건 뭐 어디까지나 제 방식이고..작업방식은 각자 틀리니...도움이 됐으면 좋겠네요^^;
-
남자
^----^ css보니 암담해서요.. 찬찬히 보고있어여 ^^ 답변 감사드려요
-
샹1큼해
헐~ 원하시는게..
9. Navigation 2. Horizontal
여기 링크 보시면은 있을듯 하네요~ 응용도 가능하실거구.,;;;