inflearn logo
강의

Course

Instructor

Responsive Website Portfolio (App Official Landing Website)

position: fixed; 가 안먹혀요..뭐가 문제일까요?

168

작성자 없음

0 asked

1

html

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>starUp Mata : App Official Landing</title>
    <link rel="icon" href="images/logo_a.png">
    <!-- jQuery CDN -->
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <!-- Slick Slider -->
     <link rel="stylesheet" href="js/slick/slick-theme.css">
     <link rel="stylesheet" href="js/slick/slick.css">
     <script src="js/slick/slick.js"></script>
    <!--Custom csss & js-->
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="responsive.css">
    <script src="custom.js"></script>
</head>
<body>
    
    <div class="container">
        <!-- Header -->
        <header>
            <div class="header-inner">
                <div class="logo">
                    <a href="#none"><img src="images/logo_pc.png"></a>
                </div>
                <div class="gub">
                    <a href="#none">아비브소개</a>
                    <a href="#none">제품</a>
                    <a href="#none">이벤트</a>
                    <a href="#none">리뷰</a>
                    <a href="#none">문의하기</a>
                    <!-- <a href="#none"></a>
                    <a href="#none"></a>
                    <a href="#none"></a> -->
                </div>
                <div class="login">
                    <a href="#none">로그인</a>
                </div>
            </div>
        </header>
        <!-- welcome -->
        <section class="welcome">
            <div class="slideshow">
                <img src="images/slide-welcome-01.jpg">
                <img src="images/slide-welcome-02.jpg">
                <img src="images/slide-welcome-03.jpg">
            </div>
            <div class="welcome-heading">
                <span>창의적인 아이디어를 만드는 가장 빠른 방법</span>
                <h1>
                    An idea solution of startup for your
                    <em>3가지 타이핑 텍스트 자리</em>
                </h1>
                <p>
                    스타트업 메이트 앱이 여러분의 최상의 스타트업 구축을 위해 창의적인 아이디어를 제공하는 데 최선을 다하겠습니다.
                </p>
                <div class="welcome-btns">
                    <a href="#none" class="btn start">CEO 시작하기</a>
                    <a href="#none" class="btn guide">사용자 가이드</a>
                </div>
            </div>
            <div class="mouse">
                <span class="wheele"></span>
            </div>
        </section>
        <!-- ceo-access -->
        <section class="ceo-access"></section>
        <!-- banner -->
        <section class="banner"></section>
        <!-- feature -->
        <section class="feature"></section>
        <!-- vision -->
        <section class="vision"></section>
        <!-- faq -->
        <section class="faq"></section>
        <!-- review -->
        <section class="review"></section>
        <!-- focus -->
        <section class="focus"></section>
        <!-- guide -->
        <section class="guide"></section>
        <!-- news -->
        <section class="news"></section>
        <!-- footer -->
        <footer></footer>
    </div>
</body>
</html>

1000자 이상 안올라 간다해서 댓글에 남길게요

HTML/CSS jquery 반응형-웹

Answer 1

0

codingworks

글자 제한은 답글로 여러개 남기시면 됩니다.

답글 여러개로 html css js 그리고 브라우저 화면 모두 올려주세요.

하드코딩으로 이미지맵(image map) 만들기

1

79

2

슬릭 슬라이더

1

148

2

반응형 fixed 안먹히는 문제

1

264

2

선생님

2

155

1

.news-thum .date 위치가 안맞아요

1

245

2

TypeIt - Welcome 부분이 적용이 안됩니다..

1

369

2

Scroll Reveal Animation 적용이 안되요

1

362

1

완성 후 각 섹션 display:none 주석 시 문제

1

384

3

브라우저를 줄일 때 화면 깨짐

1

633

2

welcome-heading 부분이 왜 저렇게 위치되는지 모르겠습니다.

1

341

1

제이쿼리 탭메뉴 클릭 질문

1

236

1

질문있습니다

1

549

1

질문있습니다.

2

646

2

슬릭슬라이더가 왜 안되는지 모르겠습니다

1

623

1

slick slider와 .ceo-content영역 겹침

1

720

1

span .badge 부분 참고하실분 하세요

2

333

1

플렉스를 안주고 그냥 패딩을 줘도 되지 않나요

1

331

1

창을 줄이면 위치가 이동되는 백그라운드 이미지

1

532

1

크롬창을 줄어들면 이미지가 작아짐

1

743

1

scroll behavior 오류

1

267

1

선생님 코딩좀 봐주세요..

1

402

3

왜 전 선생님과 화면이 다를까요?

1

368

3

따라했는데 이상합니ㅏㄷ..ㅠ

1

295

2

flex로 된 부분을 좌우로 애니매이션 할때 발생하는 문제점.

1

212

1