고수님의 도움이 절실합니다. 도와주세요~^^
승아
네비게이션을 만들고 있는데요..
많은 시행착오를 겪으며..
작업중에... 도저히 안 풀리는 부분이 있어서... 고수님께 도움요청합니다... ^^ 도와주세요...^^[작업중] 보시는 것처럼..
depth1에 마우스를 갔다 댔을때 depth2 부분이 두줄로 나옵니다.
depth2부분의 상단 부분에 마우스를갔다 댔을때 백에 글자부분만이 아닌 통짜로 검정색으로 나오게 하고 싶은데....[디자인 시안처럼...]
이해가 되셨나요?? 제가 설명이 미약해서.. 그림을 보고 이해해 주세요.. ^^
어떻게 해야하는지.. 알려주세요...^^div 코딩
div id=nav
ul id=primaryNav
lia href= title=introducebSpirra introduce/b/a
ul id=menu1
lia href=Preview/a /li
lia href=Philosophy/a /li
lia href=Spec/a /li
/ul
ul id=menu2
lia href=/include/introduce_main.phpSpirra S/a /li
lia href=/include/teaser contents.phpSpirra Turbo/a /li
lia href=/include/teaser contents2.phpSpirra GT/a /li
/ul
/li
/ul
/div적용된 css 값
#nav { CLEAR: both; PADDING-LEFT: 1px; Z-INDEX: 100; MARGIN: 0px 0px 0px; font-family:Arial,dotum,dotumche sans-serif;}
#nav ul#primaryNav {CLEAR: both; DISPLAY: block; MARGIN: 0px 5px 0px 0px}
#nav ul#primaryNav li { MARGIN: 0px 0px 5px; OVERFLOW: hidden}
#nav ul#primaryNav li {BACKGROUND: transparent; FLOAT: left}
#nav ul#primaryNav li A {DISPLAY: block; PADDING: 3px 15px 3px 5px; FONT-SIZE: 9pt; MIN-HEIGHT: 15px;COLOR: #ccc;}
#nav ul#primaryNav li A:hover {COLOR: #FFFF00; TEXT-DECORATION: none; }
#nav ul#primaryNav li:hover ul {LEFT: auto; TEXT-DECORATION: none;}
#nav ul#primaryNav li.current ul#menu1 {LEFT: auto; TEXT-DECORATION: none;BACKGROUND: #333; width:100%;z-index:106 }
#nav ul#primaryNav li.current ul#menu1 a:hover {LEFT: auto; TEXT-DECORATION: none;BACKGROUND: #000;}
#nav ul#primaryNav ul#menu1 {MARGIN: 0px 5px 0px 0px}
#nav ul#primaryNav ul#menu1 {LEFT: -999em; POSITION: absolute}
#nav ul#primaryNav ul#menu1 li { FLOAT: left}
#navul#primaryNav li.current ul#menu2 {LEFT: auto; TEXT-DECORATION: none;FLOAT: left; padding-top:30px;BACKGROUND: #333;width:100%; z-index:105 }
#nav ul#primaryNav ul#menu2 {MARGIN: 0px 5px 0px 0px}
#nav ul#primaryNav ul#menu2 {LEFT: -999em; POSITION: absolute}
#nav ul#primaryNav ul#menu2 li {FLOAT: left}
-
낮선검객
님들은 천재쎄여~ ^^
별수다님 감사...^^ 다른 문제에 또 부딪쳤지만.. 수다님덕분에 하나는 해결했어요..^^ 산너머산이지만~~ㅋ -
마음
#nav ul#primaryNav ul#menu1:hover {background-color: black;}
#nav ul#primaryNav ul#menu1 li a:hover{font-weight:bold;} -
피스케스
스크립트를 사용하심이 ^ㅡ ^
menu1 의 onmouseover 됬을때 색상과 onmouseout됬을때 색상값을 조절하시면 될듯.;; -
재바우
스크립트 말고 css로 적용되는 방법을 알고 싶은데..에궁.. ^^;;;;;;; 고수님들 도와주세요~^^