위의 사진처럼 GNB 메뉴에 구분선을 넣고 싶습니다
그래서 CSS창에서 border-right 속성을 부여해 구분선을 추가하니
1px 다 추가가 되서 밑에 내려오는 서브 메뉴들이 밀리더군요ㅠㅠ
어떻게 하면 문제없이 구분선을 추가 할수가 있나요?
· 관련키워드
사진,border,gnb사이바넣기, gnb사이바사용하기, ,[RE],헤더,style.css,background,url,백그라운드
위의 사진처럼 GNB 메뉴에 구분선을 넣고 싶습니다
그래서 CSS창에서 border-right 속성을 부여해 구분선을 추가하니
1px 다 추가가 되서 밑에 내려오는 서브 메뉴들이 밀리더군요ㅠㅠ
어떻게 하면 문제없이 구분선을 추가 할수가 있나요?
사진,border,gnb사이바넣기, gnb사이바사용하기, ,[RE],헤더,style.css,background,url,백그라운드
안녕하십니까 홈페이지요리사입니다.
문의하신 gnb 사이바를 사용하실경우 border line을 사용할경우 1px씩 밀리게 됨으로
백그라운드 이미지를 넣어 주셔서 원하는 형태로 변경해주셔야 합니다.
gnb CSS파일 수정이 가능하실경우 template/DESIGN_gnb/program/theme/해당테gnb/.style.css
를 수정해주세요
또는 사이바로 사용할 이미지를 images폴더에 업로드 하여
헤더&메타&JS에서
.ABA-gnb-wrap .ABA-gnb li{background:url("images/gnb_bg_bar.jpg") 0 5px no-repeat !important;}
.ABA-gnb-wrap .ABA-gnb li.AB-first{background:none !important;}
와같은 클래스를 넣어 주시면 됩니다.
gnb사이바넣기, gnb사이바사용하기,
