메뉴 롤오버 질문입니다.
물보라
연습하는 중인데요~
유네스코 소개에 마우스를 갖다대면우네스코 현황 조직 사업및예산 이런줄이 나오면서
유네스코 현황에 마우스를 대면 글씨가 흰색으로 진하게 변해야 하는데
어떻게 해야하나요?? 이게 css로만 하려고 하는데 어떻게 해야할까요?
div id=header
h1a href=main.htmlimg src=images/logo_23.gif alt=유네스코한국위원회/a/h1
ul class=topline
li class=firsta href=main.htmlimg src=images/top_06.gif alt=홈/a/li
lia href=#img src=images/top_10.gif alt=ENGLISH/a/li
lia href=#img src=images/top_12.gif alt=사이트맵/a/li
lia href=#img src=images/top_14.gif alt=고객센터/a/li
li class=first
form action= method= name= class=search_form
fieldset
input name= type=text class=search id= value=/
a href=#img src=images/search_03.jpg alt=search class=search_img/a
/fieldset
/form
/li
/ul
ul class=t_menu
li class=intro
a href=#img src=images/menu_26.png alt=UNESCO 소개/a
ul
lia href=#img src=images/ro_menu_44.png alt= //a/li
/ul
/li
li class=korea
a href=#img src=images/menu_28.png alt=한국위원회/a
/li
li class=bui
a href=#img src=images/menu_30.png alt=사업활동/a
/li
li class=n_c
a href=#img src=images/menu_33.png alt=뉴스센터/a
/li
li class=data
a href=#img src=images/menu_36.png alt=자료센터/a
/li
/ul
/div!--//header--
div id=menu
/div!--//menu--
#header {
margin: 0 auto;
width: 980px;
position: relative;
height:91px;
}
#header h1{
position: absolute;
top:43px;
}
.topline {
top: 16px;
right:0;
height:21px;
position:absolute;
}
.topline li {
float: left;
margin-left: 5px;
padding-left: 5px;
background-image: url(../images/top_08.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
.topline li.first {
background-image: none;
}
.search_form {
margin-top:-4px;
height: 21px;
width: 138px;
}
.search {
background-image: url(../images/search_bg_03.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 21px;
width: 138px;
margin: 0 !important;
padding: 0 !important;
}
input {
border:0;
}
.search_img {
top:-1px;
right:7px;
position: absolute;
}
#menu {
width:100%;
background-image: url(../images/menu_bg_38.gif);
backgro;background-repeat: repeat-x;
background-position: 0px 0px;
height: 35px;
margin-top: 0;
position: absolute;
}
.t_menu {
height:35px;
width:980px;
margin-left:265px;
position: absolute;
top:56px;
}
.t_menu li {
float:left;
margin-right:77px;
}
-
든솔
css만으로 처리하려고 하면.... 메뉴마다 클래스를 매겨서 배경 이미지 위치를 바꿔주는 식으로 하면 되겠지만요, 페이지 인식까지 처리하려고 하면 결국 제이쿼리든 뭐든 써야하더라구요. 저는 웹 접근성 연구소인가 하는 사이트의 소스를 가져다(;;) 겨우 해결했네요 ㅜ.ㅜ