유동적인 메뉴 구성하기 질문입니다.
헤벌심
2023.04.01
좌측메뉴가 구성되어 있는데요..
좌측의 메뉴의 서브메뉴가 펼쳐지고 접혀지는 형태입니다.
메뉴가 펼쳐지고 접히는 것에 따라서 유동적으로 구성하고 싶은데요...
빨갛게 되어 있는 부분은 고정 백그라운드로 들어가야 할 부분이구요..
1px 로 repeat-y를 해주려고 하는데요.
구조를 어떻게 짜 넣어야 할지 고민입니다.
도와주세요...
-
빛나라
Business 부분의 라운딩은 이미지로 자르고
밑은 하단 라운딩을 기준으로 쭈~욱 늘려서,,
himg alt=\BUSINESS\ //h
ul
li금융사업/li
li사료구매사업/li
li축산유통사업/li
li전략사업/li
li/li
li/li
li/li
li/li
/ul
요렇게 하겠네요~ -
새
오홋.. 보내주신 내용으로 작업해서 성공했어욤.. 감사해요~~~
-
큰말
이런 디자인경우..
div style=\background:url(하단부를 길게 늘여뜨린 아주긴 배경) no-repeat left bottom;\
div style=\padding-bottom:30px; background:url(상단부를 라운드된부분까지만 자른 배경) no-repeat left top;\
사업안내
메뉴뉴뉴
/div
/div
전 이렇게 하지요.
레프트메뉴 늘어나봐야 2000px안넘으니까용.. -
BabySue
금융사업까지를 div로 잡고..그 아래는 ul로 잡아서 백그라운드를 줄거 같아요~사료구매사업이나 축산 유통사업은 같은 background로 해서 li로~~^^;;