수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

css 스프라이트 메뉴 페이지 인식 문제...

매디

2023.04.01

문제가 되는 페이지 주소를 첨부합니다.
http://gbgs.go.kr/buseo01/소스가 조금 깁니다
진하게 된 부분이 문제가 되는 부분입니다.

ul id=gnb
li class=gnb01
a class=gnba01 hover title=부서 및 직원안내 페이지로 이동합니다 href=/buseo01/page.jsp?site_id=buseo01&mnu_uid=4219&부서 및 직원안내/a
ul style=visibility: visible;
li class=pl_0
a class=hover target=_self href=/buseo01/page.jsp?site_id=buseo01&mnu_uid=4223&인사말/a
/li
li class=pl_0
a target=_self href=/buseo01/page.jsp?mnu_uid=4224직원안내/a
/li
/ul
/li
li class=gnb02
a class=gnba02 title=사무실위치 페이지로 이동합니다 href=/buseo01/page.jsp?site_id=buseo01&mnu_uid=4220&사무실위치/a
/li
li class=gnb03
a class=gnba03 title=업무안내 페이지로 이동합니다 href=/buseo01/page.jsp?mnu_uid=4381업무안내/a
/li
li class=gnb04
a class=gnba04 title=인터넷민원 처리내용 열람 페이지로 이동합니다 href=/buseo01/page.jsp?site_id=buseo01&mnu_uid=4221&인터넷민원 처리내용 열람/a
/li
li class=gnb05
a class=gnba05 title=공개감사 페이지로 이동합니다 href=/buseo01/page.jsp?site_id=buseo01&mnu_uid=4860&공개감사/a
/li
li class=gnb06
a class=gnba06 title=게시판 페이지로 이동합니다 href=/buseo01/page.jsp?site_id=buseo01&mnu_uid=4222&게시판 /a
ul style=visibility: hidden;
li class=pl_0
a target=_self href=/buseo01/page.jsp?site_id=buseo01&mnu_uid=4228&공지사항/a
/li
li class=pl_0
a target=_self href=/buseo01/page.jsp?site_id=buseo01&mnu_uid=4229&자료실/a
/li
/ul
/li
/ul

css 소스 입니다.

#gnb{ position:absolute; top:105px; left:0; width:820px; overflow:hidden; padding-left:120px; height:65px;}
#gnb li{ float:left; text-indent:-5000px; background:url(/buseo/images/common/layout/line_gnb.gif) no-repeat right 7px; padding:0 9px 0 8px;}
#gnb li a{ background: url(/buseo/images/common/menu/gnb0418.gif) no-repeat; overflow:hidden;}
#gnb li a:hover{ text-decoration:none;}
#gnb li ul{ position:absolute; top:36px; left:140px; width:948px; overflow:hidden; visibility:hidden;}
#gnb li.gnb01 ul{ left:125px; width:400px;}
#gnb li.gnb02 ul{ left:200px; width:780px;}
#gnb li.gnb03 ul{ left:280px; width:400px;}
#gnb li.gnb04 ul{ left:420px; width:400px;}
#gnb li.gnb05 ul{ left:585px; width:400px;}
#gnb li.gnb06 ul{ left:595px; width:400px;}
#gnb li ul li{ float:left; padding:0 10px 3px 9px; background: url(/buseo/images/common/layout/line03_head.gif) no-repeat right 4px; text-indent:1px;}
#gnb li ul li a{ color:#666; background:none;}
#gnb li.gnb01 a.gnba01{ background-position:0 -50px; width:104px; height:24px; display:block;}
#gnb li.gnb01 a.gnba01:hover{ background-position:0 -7px;}
#gnb li.gnb01 a.hover{ background-position:0 -7px;}
#gnb li.gnb01 ul a.hover{ background:none; color:#000;}
#gnb li.gnb02 a.gnba02{ background-position:-126px -50px; width:75px; height:24px; display:block;}
#gnb li.gnb02 a.gnba02:hover{ background-position:-126px -7px;}
#gnb li.gnb02 a.hover{ background-position:-126px -7px;}
#gnb li.gnb02 ul a.hover{ background:none; color:#000;}
#gnb li.gnb03 a.gnba03{ background-position:-223px -50px; width:60px; height:24px; display:block;}
#gnb li.gnb03 a.gnba03:hover{ background-position:-223px -7px;}
#gnb li.gnb03 a.hover{ background-position:-223px -7px;}
#gnb li.gnb03 ul a.hover{ background:none; color:#000;}
#gnb li.gnb04 a.gnba04{ background-position:-307px -50px; width:148px; height:24px; display:block;}
#gnb li.gnb04 a.gnba04:hover{ background-position:-307px -7px;}
#gnb li.gnb04 a.hover{ background-position:-307px -7px;}
#gnb li.gnb04 ul a.hover{ background:none; color:#000;}
#gnb li.gnb05 a.gnba05{ background-position:-478px -50px; width:60px; height:24px; display:block;}
#gnb li.gnb05 a.gnba05:hover{ background-position:-478px -7px;}
#gnb li.gnb05 a.hover{ background-position:-478px -7px;}
#gnb li.gnb05 ul a.hover{ background:none; color:#000;}
/* 추가 0418 */
#gnb li.gnb06 a.gnba06{ background-position:-560px -50px; width:50px; height:24px; display:block;}
#gnb li.gnb06 a.gnba06:hover{ background-position:-560px -7px;}
#gnb li.gnb06 a.hover{ background-position:-560px -7px;}
#gnb li.gnb06 ul a.hover{ background:none; color:#000;}

원래 gnb05까지만 있었는데..
제가 추가를 시킨게 아래 gnb06부분 입니다.

gnb05를 gnb06으로 변경 시키고 gnb05를 추가 했습니다.
롤오버까지는 인식이 잘되는데..
클릭해서페이지를 이동할 경우01,02,03,04는 전부 hover 클래스를 가지고 와서바뀌는데 gnb05와 gnb06은 클래스를 못가지고 오네요..거기다가gnb06을 클릭했는데gnb05가 인식 되버리고....
한마디로엉망이 되버리네요...

전에 있던 분이 하신거라서...물어볼 수도 없습니다..ㅠㅠ 어제오후부터 오전내내 해도 도저히 해결이 안되네요....
제이쿼리를 사용한 것 같은데 도무지 어떤 부분을 수정해야 하는지 알 수가 없어서 문의 드립니다..ㅠㅠ
도와주세요~~ㅠㅠ

================================================해결됐습니다! if (m == 4219) {
Level1 = 1;
alt = 우리동네;
} else if ( m == 4220) {
Level1 = 2;
alt = 동주민센터;
} else if (m == 4381) {
Level1 = 3;
alt = 사이버민원;
} else if (m == 4221) {
&nbbsp; Level1 = 4;
alt=게시판;
} else if (m == 4860) {
Level1 = 5;
alt=공개감사;
} else if (m == 4222) {
Level1 = 6;
alt=게시판;
}이 부분을 매칭시켜서 값을 넣으니까 잘 되네요~
답변 주신 분들 감사합니다 ~ ^^

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

  • 아유미

    네..이게 페이지 하나에서 프로그램?으로 넘겨오는 값에 따라서 컨텐츠 내용을 변경 시키더라구요....^^;;;
    ;

  • 맞손질

    페이지 제일 상단에 서버언어로 숫자로 정의해놓은것이 없나요?
    %
    pageNum = 1;
    %
    대략 이렇게 생긴거요

번호 제 목 글쓴이 날짜
2695702 [질문] Java 버전 차이에 의한 오류?!! (2) 검사 2025-05-23
2695672 자바 임베디드 쪽으로 배우고 싶은데요..질문이요.. (1) 뽀그리 2025-05-22
2695647 헉! 이클립스(v3.1)에서 발생되는 널포인트 익셉션? ;;; (3) 아빠몬 2025-05-22
2695586 IFRAME 캐싱 질문 봄나비 2025-05-22
2695498 [질문]실행가능한 jar파일.. 정말 이해가 안가네요... ㅡㅜ;; 터1프한렩 2025-05-21
2695468 자바랑 이클립스에서요.. 스킬 2025-05-21
2695375 Mysql 연동하는 자바 질문있습니다. 아리솔 2025-05-20
2695319 파워포인트 파일을 저장할 수 있을까요? 시윤 2025-05-19
2695289 [질문]Tween 값의 정도를 알고 싶습니다. 타마 2025-05-19
2695238 c 와 c++의 시작 (10) ChocoHoilc 2025-05-18
2695215 탑메뉴의 repeat-x .배경이 두가지에요ㅠ ㅠ 널위해 2025-05-18
2695187 자바스크립트와 자바의 import에 관해서 질문드려요 (1) 무슬 2025-05-18
2695116 테마 문의 (해당 사이트와 같은 테마 혹은 플러그인) Sweet 2025-05-17
2695084 [질문] starDrag()와 같은 함수 만들기 민구 2025-05-17
2695055 폰트 질문드립니다. 할인사이트에 많이 쓰는 굵은 숫자폰트.. (2) 일본녀 2025-05-17
2695025 [개발툴]Jcreator 에 관해서... (5) 에녹 2025-05-16
2695006 BitmapData ..무비클립에 적용 할수 있을까요? (1) 날위해 2025-05-16
2694977 C언어 소스문제점좀요 ... (2) 들꿈 2025-05-16
2694950 자바스크립트로 화면에 내용을 뿌려줄때 접근성 (3) 꺆잉 2025-05-16
2694921 보더 레이아웃 안에 플로우 레이아웃 넣는방법? 초롱 2025-05-15
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com