수다닷컴

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

결국 이렇게 글올립니다.

꽃봄

2023.04.01

2시간 동안 머리 굴리다 안되서 여기 올립니다#gnb ul li ul이 도대체 왜 a링크가 안먹힐까요??html문제는 아닌것 같고css에서 잘못된것 같은데어디서 잘못 된건가요??!DOCTYPE htmlhtmlhead meta http-equiv=content-type content=text/html; charset=utf-8 / title new document /title style * {margin:0; padding:0;}ul{list-style:none}a {text-decoration:none;}.text {text-indent:-99999px;}
/* skip_nav */#skip_nav a{display:block; position:absolute; left:30px; top:0; overflow:hidden; width:1px; height:1px; font-size:1em ;z-index:9999; font-weight:bold;}#skip_nav a:focus, #skip_nav a:active{ width:100px; height:auto ;padding:3px 0; background:#6487bb; color:#fff; font-size:12px; text-align:center;}/* //skip_nav */
/* warp */#wrap {width:1663px; height:920px; position:relative; }/* //warp */

/* header*/header {width:440px; height:675px; position:fixed; }header #logo a {display:block; width:220px; height:50px; background:url(../images/logo.gif); margin-top:15px;}
header #language {width:220px; height:20px; margin-top:30px; background:#ccc; }header #language li {display:inline-block; height:20px; margin-left:40px; font:10px/20px 돋움,Arial; }header #language li a {width:220px; height:20px; color:#fff;}
header #bg {width:220px; height:1000px; background:#f0f9ff; position:absolute; top:0; left:220px; }
header #gnb {width:440px; height:285px; margin-top:20px; position:relative;}header #gnb li {width:220px; line-height:70px; text-align:center; font-size:20px; letter-spacing:2px; border-bottom:1px solid #919191; }header #gnb li a{display:block; width:220px; height:70px; color:#919191; }header #gnb li a:hover {color:#40bbfb; font-weight:500; font-size:24px; background-color:#ebf5fa }header #gnb li a:active {background-color:#40bbfb; color:#fff; }header #gnb li:nth-child(1) {background-color:#40bbfb; font-size:24px; color:#000; border-top:1px solid #919191}
header #gnb .sub {display:block; width:219px; height:100%; position:absolute; top:0; left:220px;background:#f0f9ff; border-right:1px solid #ccc; }header #gnb .sub li {height:40px; text-align:center; border-bottom:1px solid #ccc; line-height:40px; color:#919191 }header #gnb .sub li a {display:block; width:219px; height:40px; color:#1948d1; font-size:14px;}header #gnb .sub li a:hover {background:#fff; font-size:16px; font-weight:500; color:#40bbfb; border-right:1px solid #ccc;}
header #gnb .sub li .hover {display:none}
/* subul */

header #sub_gnb li.sub1:hover .hover {}/* //subul */
/* //header */
/* container */#container { width:1223px; height:1000px; position:absolute; top:0; left:220px; box-shadow:-3px 0px 10px #ccc}#container #content {width:1223px; height:100%; margin-left:220px; }/* //container *//* footer */footer{ width:220px; height:250px; position:fixed; bottom:0;}
footer #sitelink {width:100%; height:30px; text-align:center;}footer #sitelink .site {width:150px;}footer #sitelink .button {width:40px; }
footer #link {width:100%; height:200px}footer #link li {height:15px; font-size:11px; line-height:15px; margin-bottom:2px; text-align:center; letter-spacing:1.5px;}footer #link li a {display:block; width:220px; height:15px; color:#727272;}footer #copy {width:200px; height:50px; margin:-100px 0 0 9px; font-size:12px; color:#d5d5d5; text-align:center; font-weight:800; }/* //footer */

/style/headbody !-- skip navigation-- div id=skip_nav a href=#container본문 바로가기/a a href=#gnb주메뉴 바로가기/a /div !-- //skip navigation-- !-- wrap -- div id=wrap !-- header -- header id=header !-- logo-- div id=logo class=text h1a href=#DooSan/a/h1 /div !-- // logo-- !-- language-- div id=language ul lia href=# target=_blank title=새창으로 열림ENGLISH/a/li lia href=# target=_blank title=새창으로 열림CHINESE/a/li /ul /div !-- // language-- !-- nav-- nav id=gnb ul lia href=# title=회사소개 바로가기회사소개/a !-- sub_gnb -- ul class=sub lia href=#1/a !-- sub_gnb ul1-- ul class=hover lia href=#2/a/li lia href=#2/a/li lia href=#2/a/li /ul !-- //sub_gnb ul1-- /li lia href=#1/a/li lia href=#1/a/li lia href=#1/a/li lia href=#1/a !-- sub_gnb ul 2-- ul class=hover lia href=#3/a/li lia href=#3/a/li lia href=#3/a/li lia href=#3/a/li lia href=#3/a/li /ul !-- //sub_gnb ul2-- /li lia href=#나눔과 공생/a !-- sub_gnb ul3-- ul class=hover lia href=#4/a/li lia href=#4/a/li lia href=#4/a/li /ul !-- //sub_gnb ul3-- /li lia href=#1/a/li lia href=#1/a/li /ul !-- //sub_gnb -- /li lia href=# title=사업영역 바로가기사업영역/a /li lia href=# title=홍보센터 바로가기홍보센터/a /li lia href=# title=인재채용 바로가기인재채용/a /li /ul /nav /header !-- //nav-- !-- //header -- !-- container -- div id=container div id=content /div /div !-- //container -- !-- footer -- footer id=footer div id=sitelink select name=site title=관련사이트 바로가기 선택 class=site option selected=selected관련사이트 바로가기/option /select button type=button title=새 창으로 이동 class=button이동/button /div div id=link ul pre lia href=#개인정보처리방침/a/li lia href=#윤리경영/a/li lia href=#공정거래/a/li lia href=#법적고지/a/li lia href=#이용약관/a/li /ul /div div id=copy pCOPYRIGHT (c) 2013 br / br /ALL RIGHT RESURVED./p /div /footer !-- //footer -- /div/body/html

신청하기





COMMENT

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

  • 늘빈

    아하 고마워요 쉽게이해됫어요ㅋㅋ

  • 미나

    html요소들은 기본적으로 요소위에 요소를 겹쳐서 올릴수가 없어요...
    그걸 가능하게 하려면 작업하신것 처럼 position을 사용해서 마치 포토샵 레이어처럼 사용합니다.
    이때 포지션 속성이나 마크업순서, 버그 등에 의해 누가 위로올라갈지 결정되는데 이게 원하는대로 안나오게되는경우에 z-index가 그 순서를 정해주는 역할을 합니다.
    z-index 값이 큰요소가 작은요소 위로 덮어지게되지요. 그래서 넣습니다 :)

  • 흰꽃

    제가 잘 몰라서 그러는데요 왜헤더에 z-index 값을 넣어야되나요?

  • 제미니

    z-index 문제네영
    #header{z-index:10;} 넣어줘 보시면 영역클릭은 되겠지요

번호 제 목 글쓴이 날짜
2697284 이미지를 흐리게 (2) 난새 2025-06-06
2697258 VC++ 6.0(studio)을 깔면서 재미가 붙었는데..ㅠㅠ (4) 앵겨쪼 2025-06-06
2697228 WorkFlow가 궁금합니다.. 다들 어떻게 하시는지.. (1) 애기 2025-06-06
2697174 button 태그와 input 태그의 type 속성을 사용한거와 차이 (1) 여름 2025-06-05
2697149 익스플로러에서 이미지로딩이 느려지는건지..깨져서 나옵니다. (4) 든솔 2025-06-05
2697122 호환성질문 (5) 미즈 2025-06-05
2697066 웹에서 다른이름으로 저장 할때 파일 이름 저장하는 방법은? 코이 2025-06-04
2697043 position:absolute; 로 하면 사라져 버리는 이유 ㅠㅠ (3) 풍란 2025-06-04
2697016 테이블 thead tbody 질문 아란 2025-06-04
2696989 contact us 페이지는 dl로 작성하는게 좋을까요? (4) 파라 2025-06-03
2696964 img 태그 질문드려요 (9) 연블루 2025-06-03
2696907 [질문] 올플래시 메뉴 고정할수 있는[수정] (4) 맨삶이 2025-06-03
2696875 책구입 후 따라하다가 ShortCode Ultimate 오류 가지등 2025-06-02
2696844 css 마우스 오버시 display:block되는 영역 질문드립니다 ㅠㅠ (2) 갅쥐누뉨 2025-06-02
2696816 엉엉엉...영상이 올라타네요 (5) 다은 2025-06-02
2696792 Doctype 문의 떠나간그녀 2025-06-02
2696683 컴파일된 클립 질문 드립니다. 흰추위 2025-06-01
2696656 C질문요 (4) 블랙캣 2025-05-31
2696504 플래시 위에 div 올리기 (5) 큰꽃늘 2025-05-30
2696458 제가 만든 소스 한번 봐주시고 수정 할 꺼 있으면 말해주세요. (실행은 되지만 깜빡거리네요) 이플 2025-05-29
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

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