애니빌드.LAB
토론방
디자인팜 네비게이션 문의드립니다.
- 장**영
- 2016-06-08 10:19:00
- hit3190
- http://lab.anybuild.co.kr/bbs/qna/5935
네비게이션 메뉴가 지금
about restaurant wedding event community
이렇게 출력이되는데
각메뉴 사이에 구분선 (/) 을 넣으려고합니다.
ex) about / restaurant / wedding / event / community
방법 또는 작업 부탁드리겠습니다.!!
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
간격조정은 dep1 > li에 width값으로 하시거나 padding값으로 하시면 됩니다.
소스가 추가되었습니다.
.pm-navigation_horizon3__17735_ .dep1 > li {float:left;}
.pm-navigation_horizon3__17735_ .dep1 > li > a {padding:12px 20px; background:#f7f5e3; font-weight:normal; font-size:16px; color:#5050**;}
아래와 같이 변경되었습니다.
.pm-navigation_horizon3__17735_ .dep1 > li {position:relative;float:left;}
.pm-navigation_horizon3__17735_ .dep1 > li > a {padding:12px 20px; background:#f7f5e3; font-weight:normal; font-size:16px; color:#50505*;}
.pm-navigation_horizon3__17735_ .dep1 > li:before{content:'/';position:absolute;right:0px;top:10px;}
.pm-navigation_horizon3__17735_ .dep1 > li:last-child:before{display:none;}