현재 sir.co.kr 상단 드롭다운 메뉴 처럼 하고 싶어요. 정보
현재 sir.co.kr 상단 드롭다운 메뉴 처럼 하고 싶어요.본문
현재 sir.co.kr 의 상단 드롭다운 메뉴처럼 테두리를 만들고 싶어요.
테두리 top은 "굵게" 하구요 left, rignt, bottom 테두리는 "얇게" 하려고 하는데 잘 안되네요.
/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #000000;
여기서 수정하는거 맞나요? 어떻게 수정해야 하나요?
테두리 top은 "굵게" 하구요 left, rignt, bottom 테두리는 "얇게" 하려고 하는데 잘 안되네요.
/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #000000;
여기서 수정하는거 맞나요? 어떻게 수정해야 하나요?
댓글 전체
방법은 여러가지 있겠지만, 현재 구조는 제이쿼리로 1뎁스가 오버나 온 되었을때 클래스를 부여해서, 그 클래스가 부여된 하위 메뉴 ul 에 2뎁스 전체를 감싸는 보더값을 주구요, li안에 a 는 border-bottom:1px solid 만을 해서 아래로 정렬되게 만듭니다.
위에 올리신 구조가 sir의 메뉴구조와 동일하다면,
jqueryslidemenu ul li ul li a 를 둘러싸고 있는 ul
즉, jqueryslidemenu ul li ul 에 스타일이 들어가있는지 봐주시기 바랍니다.
ul에
border:1px solid #색상;
border-top:2px solid #색상;
이런식으로 있는지 봐주세요.
위에 올리신 구조가 sir의 메뉴구조와 동일하다면,
jqueryslidemenu ul li ul li a 를 둘러싸고 있는 ul
즉, jqueryslidemenu ul li ul 에 스타일이 들어가있는지 봐주시기 바랍니다.
ul에
border:1px solid #색상;
border-top:2px solid #색상;
이런식으로 있는지 봐주세요.