묻고답하기
2차메뉴시 롤오버시 뜨는 이미지 위치 변경 CSS 문의입니다
2009.09.06 18:32
위의 게시판을 보시면 웰빙샵 자료실 > 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;}
감사합니다~~~^^
- [2018/03/17] 묻고답하기 CSS ㅡ divA 안에있는 하위 divB 의 크기를 divA 보다 넓게 보이게 하려면 *2
- [2016/09/13] 묻고답하기 제목에 html, css 가능하도록 하기? *2
- [2016/06/30] 묻고답하기 xe 1.4.0버전 사용중입니다 *1
- [2016/01/05] 묻고답하기 ie10, 11번전 css문제
- [2015/07/16] 묻고답하기 widget을 감싸고 있는 박스에 미디어쿼리를 넣고 싶습니다 *2
위에 있는 패딩값을 올려보세요.
#gnb li a { font-weight:bold; display:block; float:left; padding: 15px 15px 10px 15px;
이렇게 하면 아마도 아래 부분도 수정해야 할 듯 하고요.
#gnb { position:absolute; top:55px;