웹표준초보인데요,해당 페이지 메뉴 활성화요... css만으로 적용가능한가요?
사람
안녕하세요 여러분~
웹표준 초보입니다.하나씩 혼자 해보고 있는데요,,,,
메뉴 눌렀을때 해당 페이지로 가면 메뉴가 볼드처리 되도록 하려고 하는데,,, css로 제어할 수 있나요? 가르쳐주세요...ㅠㅠ
.bigWrap .conWrap .left{width:240px;height:260px;position:absolute;left:10px;left no-repeat;}
.bigWrap .conWrap .left .leftMenu{width:200px;position:absolute;left:3px;border:5px solid #e2e2e2;}
.bigWrap .conWrap .left .leftMenu .leftMenuBox{width:200px;background:#FFFFFF; margin:25px 0 25px 0}
.bigWrap .conWrap .left .leftMenu .leftMenuBox h3{height:30px;padding:9px 0 0 12px;background:#747474;}
.bigWrap .conWrap .left .leftMenu .leftMenuBox ul{width:170px;margin-left:10px;}
.bigWrap .conWrap .left .leftMenu .leftMenuBox li{height:25px;border-bottom:1px solid #dcdcdc;margin-left:10px;margin-top:12px;}
.bigWrap .conWrap .left .leftMenu .leftMenuBox li.last{border-bottom:none;}
.bigWrap .conWrap .left .leftMenu .leftMenuBox li a{width:140px;height:14px;display:block;}
.bigWrap .conWrap .left .leftMenu .leftMenuBox li.leftMenu1_01 a:link{COLOR: #696969;left no-repeat;}
.bigWrap .conWrap .left .leftMenu .leftMenuBox li.leftMenu1_01 a:visited{COLOR: #347ae3;left no-repeat;}
.bigWrap .conWrap .left .leftMenu .leftMenuBox li.leftMenu1_01 a:hover{COLOR: #347ae3;left no-repeat;}
.bigWrap .conWrap .left .leftMenu .leftMenuBox li.leftMenu1_01 a:active{COLOR: #347ae3;left no-repeat; FONT-WEIGHT: bold;}
-
딥핑크
해당페이지활성화는.. 조건 몇개만 맞으면, 스크립트로도 가능해요.
해당페이지에 페이지코드가 있다거나,(없으시니까 이런 질문 하시겠죠? ㅎ) 아니면 로케이션이 있다면,
스크립트로 로케이션 정보를 가져와서 gnb와 snb와 비교하고 같은 뎁스에 같은 메뉴텍스트를 찾아서 활성화 클래스를 달아주는것 정도로 가능합니다. -
큰가람
페이지 인식 / 메뉴 활성화인데..
.class a:hover {color:글자색; font-weight:bold;} 이거랑 상관있어요??
(태클 아니고 진짜 몰라서 물어보는 거임) -
데이비드
저..정답이 저위에;;;;;;;;;
-
푸른마을
위에 코드에도 쓰여져 있네요 ^^
-
재넘이
제어 가능합니다.
ul
li
a ....약관/a
/li
.
.
..
..
...
/ul
이런구조로 되어있을텐데
ul에 class하나 정해주시고
.class a:hover {color:글자색; font-weight:bold;} 이렇게 써주시면 됩니다.