묻고답하기

  2. Support
  3. 묻고답하기

2차메뉴시 롤오버시 뜨는 이미지 위치 변경 CSS 문의입니다

2009.09.06 18:32

웰빙샵 지영

rollover.gif

위의 게시판을 보시면 웰빙샵 자료실 > EM 관련자료

메뉴를 선택하면 나뭇잎 위치가 GNB의 y 좌표 0 제일 윗쪽에 나오는데요...

얘의 세로 길이가 30px 이라면 좌표에서 -30px 위치에 나온다면 메뉴바 바로 위에 나오잖아요...

이렇게 나오게 하려면 어떻게 css를 코딩해줘야 할까요?

 

#gnb { position:absolute; top:55px; left:10px; height:60px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
#gnb li { list-style:none; float:left; background:url(../images/white/img07.gif) no-repeat left 40px; padding-left:2px; padding-top:12px; position:relative; left:-2px; white-space:nowrap; font-family: 굴림, Arial, Helvetica, sans-serif;}
#gnb li a { font-weight:bold; display:block; float:left; padding: 15px 15px 10px 15px; height:25px; color:#ffffff; white-space:nowrap; text-decoration:none; font-size: 14px;}
#gnb li a:hover,
#gnb li a:focus { color:#ffffff;}
#gnb li.on a { background:url(../images/white/leaf.gif) no-repeat center top;}

 

.gnb_subMenu{position:absolute; left:10px; top:110px; height:24px;}
.gnb_subMenu li{display:block; list-style:none; float:left;}
.gnb_subMenu li a {text-decoration:none; color:#333333; padding-left:10px; line-height:2em; position:relative;white-space:nowrap; font-family: 굴림, Arial, Helvetica, sans-serif;}
.gnb_subMenu li a:hover,
.gnb_subMenu li a:focus {color:#ff9900;}
.gnb_subMenu .on a {color:#ff9900;}

감사합니다~~~^^

태그 연관 글
  1. [2018/03/17] 묻고답하기 CSS ㅡ divA 안에있는 하위 divB 의 크기를 divA 보다 넓게 보이게 하려면 by forest535 *2
  2. [2016/09/13] 묻고답하기 제목에 html, css 가능하도록 하기? by lifema**** *2
  3. [2016/06/30] 묻고답하기 xe 1.4.0버전 사용중입니다 by starship *1
  4. [2016/01/05] 묻고답하기 ie10, 11번전 css문제 by deok
  5. [2015/07/16] 묻고답하기 widget을 감싸고 있는 박스에 미디어쿼리를 넣고 싶습니다 by poltwo *2
, , 이 게시물을

힐러 온라인 마케팅 코치 & 웹디자이너

Be the change you wish to see in the world.

 

 

좋아요
목록
태그 쓰기