애니빌드.LAB
토론방
소스관련 네비게이션마법사메뉴 출력시 2차메뉴 위치 지정할수 있게 처리요망
- p**ospital02
- 2014-09-16 13:51:07
- hit4286
- http://wdev.anybuild.co.kr/bbs/qna/3191
(필수) 확인 가능한 전체 URL : phospital02.yestop.co.kr
네비게이션 마법사 메뉴 가로 메뉴 적용시 현재는 위치를 하나로만 지정할수 있게 css가 되어있어
레이아웃이 상단메뉴글자가 짧거나 길거나에대한 대응이 안돼 메뉴 레이아웃이 틀어짐.
아래의 방법이나 프로그램 작업이 편하신 기타의 방법으로 수정 좀 부탁드립니다..
현행 css
.pm-navigation_horizon .dep2 {
position: absolute; left: 0;
background: #ffffff;
border:1px solid #d3d3d3;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
수정요구안
1. 반복문을 추가해서 2차 메뉴출력 위치를 지정할수 있도록 수정요망
그룹코드중에서 <ul class="dep2"> 이부분에 css를 적용할 수 있는 코드 추가요망 <ul class="dep2 smu[i] ">
2. css에서
.pm-navigation_horizon .smu1{left:-20px;}
.pm-navigation_horizon .smu2{left:-10px;}
.pm-navigation_horizon .smu3{left:0;}

게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
css 파일 수정을 해놓았습니다.
그룹디자인에 GROUP_menu가 현재 상단 네비를 출력하는 부분이기 때문에
이 부분에서 사용하고 있는 css를 수정하였습니다.
pm_mav_h.css 파일인데요...아래와 같이 추가를 해놓았으니 빨간색 부분에 left값 수정처리를 해주시면 됩니다.