질문&답변
제이쿼리가 작동하지 않는데 이유를 모르겠어요ㅠㅠ
해결햇습니당!!
- 좋아요수
- 1
- 댓글수
- 1
- 조회수
- 318
혜민님의 게시글
- 수강평 작성수
- -
- 평균평점
- -
게시글 4
질문&답변
최종본제작 세로2칼럼 c타입에 공지사항 갤러리 제작 관련 문의
@charset "utf-8"; body { margin: 0; background-color: #fff; color: #222328; font-size: 15px; } a { color: #222328; text-decoration: none; } .container { /* border: 1px solid red; */ width: 1000px; } .container > div { /* 여기에 있는 보더때문에 아이템스가 안올라오는데 지워주면 올라오니깐 당황하지말고 보더 지우기 */ /* border: 1px solid blue; */ float: left; box-sizing: border-box; } .left { width: 200px; } .right { width: 800px; } header {} header > div {} .header-logo { /* border: 1px solid pink; */ height: 100px; } .navi { border: 1px solid palevioletred; /* 이따가 높이값을 없앨 예정 임시 높이 */ height: 400px; } /* 오른쪽 시작 */ .slide {} .slide > div { border: 1px solid green; height: 350px; } .items { overflow: hidden; } .items > div { /* border: 1px solid purple; */ height: 200px; float: left; box-sizing: border-box; } .news { width: 300px; } .gall { width: 300px; } .short-cut { width: 200px; } footer { overflow: hidden; } footer > div { /* border: 1px solid khaki; */ height: 100px; float: left; box-sizing: border-box; } .copy { width: 600px; } .sns { width: 200px; } .sns div { /* border: 1px solid darkgreen; */ height: 50px; box-sizing: border-box; } /* 이미지와 텍스트 조정 */ .header-logo { line-height: 130px; } footer > div { text-align: center; } .copy { background-color: #3333; padding-top: 30px; } .sns div:nth-child(1) { padding-top: 10px; } .sns div:nth-child(2) { padding-top: 10px; } .short-cut { width: 150px; } /* 슬라이드 */ .slide { position: relative; } .slide > div { } .slide > div a { position: absolute; top: 0; left: 0; opacity: 0; animation: slide 10s linear infinite; } .slide > div a:nth-child(1) { animation-delay: 0; } .slide > div a:nth-child(2) { animation-delay: 3.5s; } .slide > div a:nth-child(3) { animation-delay: 7s; } @keyframes slide { 0% { opacity: 0; visibility: hidden; } 5% { opacity: 1; } 35% { opacity: 1; } 40% { opacity: 0; } 100% { opacity: 0; } } /* 뉴스와 갤러리 */ .items { margin-top: 5px; } .tab-inner { margin: auto; } .btn {} .btn a { border: 1px solid #000; display: inline-block; width: 100px; text-align: center; padding: 8px; border-radius: 5px 5px 0 0 ; border-bottom: none; margin-bottom: -2px; background-color: #fff; } .tab1,.tab2 { border: 1px solid #000; height: 150px; } .tab1 a { font-size: 13px; display: block; padding: 6px; border-bottom: 1px solid #000; } .tab1 a:last-child { border-bottom: none; } .tab1 a b { float: right; font-weight: normal; } .tab2 { text-align: center; } .tab2 img { width: 90px; padding-top: 30px; }
- 좋아요수
- 2
- 댓글수
- 3
- 조회수
- 401
질문&답변
최종본제작 세로2칼럼 c타입에 공지사항 갤러리 제작 관련 문의
부여 가을연꽃축제 공지사항 운영위원장 후보자 추천 2020.01.09 홈커밍데이 진행위원회 2020.01.07 카드결제 무이자 이벤트 2019.12.31 보안강화 시스템 작업 2019.12.20 부여 가을연꽃축제 2019.12.20 갤러리 상호 : (주)이스타컴퍼니 | 대표자 : 최종윤 | 개인정보관리책임자 : 이주현 부장 사업장주소 : 인천광역시 중구 개항로 6층 (주)이스타컴퍼니 FamilySite 여주군청 홈페이지 한국관광공사 여행자보험가입
- 좋아요수
- 2
- 댓글수
- 3
- 조회수
- 401
질문&답변
슬라이드 위아래 이상하게 나오는데 뭐가 잘못된건지 모르겠습니다 ㅠㅠ
01-레이아웃-가로-고정형
- 좋아요수
- 1
- 댓글수
- 2
- 조회수
- 504