자동으로 늘어나는 메뉴를 만드는데 css로만 가능한가요?
한추렴
아래에 소스올렸습니다
div안에 ul li식으로 메뉴를 새로형태로 만들고
li가 유동적으로 늘어날때(li안에 sub메뉴가 있거나할때) 전에 div가 자동으로 늘어나는걸 생각하고있는데..
너무 안되네요..
기본적으로 이런 메뉴는 자바스크립트 써야하나요?
참고 싸이트 올립니다...(이런식으로 메뉴를 만들려고합니다..좌측 네비) http://www.yeonje.go.kr/01minwon/03policy/02.jsp
html파일
div class=left_nav ul li a href= title=전자민원서비스/a /li li a href= title=민원처리공개/a /li li a href= title=행정처분공개/a /li li a href= title=행정처분공개/a /li li a href= title=행정처분공개/a /li li a href= title=행정처분공개/a /li li a href= title=행정처분공개/a /li li a href= title=행정처분공개/a /li li a href= title=행정처분공개/a /li /ul /div
css파일
.left_nav{ width:170px; border:1px solid #96B8DE; height:700px; box-shadow: 1px 1px 10px #94B4E3;}.left_nav ul{ width: 150px;padding: 0 0 0 8px;}.left_nav ul li{ border-bottom:1px solid #D5D5D5; padding: 8px 0 0 24px;}.left_nav ul li a{ font-weight:bold;}
-
해까닥
이해가 안갑니다..글만봐서는.ㅠㅠ
-
가자
대메뉴에 오버나 클릭했을 경우 늘어나는게 아니라면 윗분 말씀처럼 그냥 링크 넘어가는 식으로 하셔도 될거 같고 아니면 서브메뉴를 기본적으로 display:none 처리를 하고 접속된 페이지만 active클래스를 만들어서 active만 display:block으로 보여줘도 될거 같네요~
-
빛나라
예를 들어 이렇게 대메뉴가 4개라고 한다면.
li
a href=\\ title=\\전자민원서비스/a -----대메뉴 li가 4개 입니다. 각대메뉴 밑 서브메뉴만듬.
/li
li
a href=\\ title=\\민원처리공개/a 민원처리 서브메뉴있는 페이지 1개
/li
li
a href=\\ title=\\행정처분공개/a 행정처분공개 서브메뉴있는 페이지 1개
-
연블루
이해가 잘안가네요.ㅠㅠ 글로이해 할려고하는데
-
누리봄
그냥 보여주기 식으로만 하실꺼면..메뉴가 6개라면 6개의 다른 left-nav 를 디자인해서 링크처럼 넘어가는 식으로 하셔도 되지 않을까요? 해당 서브메뉴가 열려있는 코딩으로 6개 만들어서 링크로 넘어가는 느낌으로..ㅎㅎ 허접해서 죄송합니다만 ㅋㅋ