묻고답하기

html, css 공부 후 복습겸 사이트를 하나 만들고있는데, full 화면일때는 괜찮다가 화면을 줄이면 사진 빼고 모든 택스트가 밀려버립니다.

근데 위아래로 줄이면 안밀리더라구요.

네이버나 구글 같이 창을 줄이면 글자가 안밀리고 안보이는 그대로 창만 줄어들었으면 좋겠는데 해결책을 도통 모르겠습니다.

구글링 몇시간 해서 하라는거 다 해봐도 안되네요.

 

전체화면.JPG

 

잘린화면.JPG

 

 코드는 보시는 페이지의 코드입니다. 제발 도와주세요..

 

<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <title>NightTable.com/menu</title>

    <link href="https://fonts.googleapis.com/css2?family=Yeon+Sung&display=swap" rel="stylesheet">

    <link rel="stylesheet"  href="active.css">

 

    <style>

      h1{

        margin-top: 40px;

        padding-top: 0px;

        font-size: 120px;

        padding-bottom: 10px;

        padding-left: 50px;

        font-family: 'Yeon Sung', cursive;

        margin-bottom: 0;

        display: inline-block;

      }

      h2{

        font-size: 35px;

        border-bottom: solid black 3px;

        padding-bottom: 12px;

        padding-left: 60px;

        margin-bottom: 10px;

        font-family: 'Yeon Sung', cursive;

        display: inline-block;

      }

      a{

        color:black;

        text-decoration: none;

      }

      #img{

        margin-left: 0;

        margin-bottom: 0;

        margin-top: 0;

      }

      body{

        margin-left: 0;

        margin-right: 0;

      }

      li{

        font-size: 50px;

        padding-bottom: 20px;

        font-family: 'Yeon Sung', cursive;

      }

      ul{

        padding-left: 80px;

      }

      #bigmenu{

        font-family: 'Yeon Sung', cursive;

        position:absolute;

        left:950px;

        top:230px;

        font-size:25px;

        text-decoration: underline;

        font-size:50px;

      }

      #pasta{

        position:absolute;

        left:520px;

        top:320px;

        border-radius: 10%;

    overflow: hidden;

      }

      #meat{

        position:absolute;

        left:880px;

        top:320px;

        border-radius: 10%;

    overflow: hidden;

      }

      #ttuk{

        position:absolute;

        left:1240px;

        top:320px;

        border-radius: 10%;

    overflow: hidden;

      }

      #menuname{

        font-family: 'Yeon Sung', cursive;

        position:absolute;

        left:590px;

        top:495px;

        font-size:30px;

        font-decoration:strong;

      }

      #menudetail{

        font-family: 'Yeon Sung', cursive;

        position:absolute;

        left:520px;

        top:545px;

        font-size:23px;

 

      }

      #samallmenu{

        font-family: 'Yeon Sung', cursive;

        position:absolute;

        left:520px;

        top:645px;

        font-size:23px;

        border-top: 4px solid black;

 

      }

      }

      </style>

  </head>

  <body>

 

    <h1><a href="index.html">밤식탁</h1></a>

    <h2>골목 작은 술집</h2>

    <br>

 

    <ul>

      <li><a href="description.html">밤식탁</li></a>

      <li id="active"><a href="menu.html" id="active">메뉴</li></a>

      <li><a href="howtocome.html">찾아오는길</li></a>

      <li><a href="launchguide.html">창업안내</li></a>

      <div style="width:1280px; overflow-x:auto">

      <u><div id="bigmenu">대표 메뉴</div></u>

    </div>

      <div id="pasta"><img src="pasta.jpg" width="310" height="180"></div>

      <div id="meat"><img src="meat.jpg" width="310" height="180"></div>

      <div id="ttuk"><img src="ttuk.jpg" width="310" height="180"></div>

      <div id="menuname"><p><strong>청양 크림 파스타</strong>     

                <strong>부추 훈제 삼겹</strong>

                  

          <strong>해물 그라탕 떡볶이</strong>

        </p></div>

 

      <div id="menudetail"><p>고추의 알싸함으로 느끼함을 잡은 한국식    

        직접 짠 들기름으로 무친 부추&볶음김치 삼합   

        밤식탁만의 특제 로제 소스 베이스로 만든<br>         

        밤식탁 파스타

              

                  

               

              

                 시그니처 메뉴<br></p></div>

 

      <div id="samallmenu"><br><p><strong>순.정.파</strong> : 순두부찌개와 정말 파스타 면이 들어간 정말 맛있는

        매운 국물 파스타            

                          

              <br><br>

        <strong>대패삼겹볶음&주먹밥</strong> : 대패삼겹살과 각종 채소, 주먹밥이 들어간 매콤한 볶음 요리<br><br>

        <strong>버터바지락술찜&파스타(겨울)</strong> : 생물바지락을 이용한 칼칼한 술찜요리<br><br>

        <strong>나가사끼짬뽕탕</strong> : 해물가득 칼칼한 짬뽕탕<br><br>

        <strong>얼큰해물짬뽕탕</strong> : 고추, 파기름으로 볶아낸 채소와 해물을 넣은 빨간 짬뽕<br><br>

        <strong>사골만두탕</strong> : 진한 사골에 비비고 만두를 넣은 맛있는 만두탕<br><br>

        <strong>철판모듬소세지</strong> : 버터로 볶아낸 양파와 모듬소세지<br><br>

        <strong>골뱅이무침</strong> : 새콤달콤하게 무친 채소와 골뱅이무침<br><br>

        <strong>오늘의 과일&요거트</strong> : 달콤한 생크림 요거트에 찍어먹는 싱싱한 제철과일<br><br>

        <strong>간장계란밥</strong> : 계란후라이와 간장, 고소한 기름으로 맛을 낸 든든한  계란밥<br><br>

        <strong>얼큰우동</strong> : 가게에서 직접 만드는 얼큰한 어묵 우동<br><br>

 

 

    </div>

    </ul>

  </body>

</html>

 
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
세종이엔지닷컴 관리자 로그인이 안됩니다. [3] 2023.01.17 by 세종이엔지닷컴
sa****1876f 호스팅을 옮겼는데 DB수정은 어떻게? [3] 2023.01.16 by 파브르
정하니 xe 1.11.6 파일 다운로드가 안되고 인덱스로 돌아가는 현상 [2] 2022.12.31 by sejin7940
tree**** * 카테고리별 글제목 색상을 다르게 [1] file 2022.12.27 by sejin7940
아현 iframe 내에서 네이버 로그인하기 [1] 2022.12.26 by sejin7940
수호짱 예전버전을 옮겨야하는데 질문입니다 [1] 2022.12.23 by sejin7940
zokun723 게시판에서 레이아웃css가 적용되지 않습니다ㅠ [2] file 2022.12.22 by zokun723
w**** 안녕하세요.글삭제 부탁드립니다. [1] file 2022.12.22 by sejin7940
railman padding 경로를 찾고자 합니다. [1] file 2022.12.21 by GX디자인
sa****1876f 호스팅 이전 후 세팅했는데 에러라고.. [1] 2022.12.21 by GX디자인
sa****1876f 그림이 안나와요 [1] file 2022.12.21 by GX디자인
유샤인 메뉴에디터와 Site Design 이 잘 나오더니 안나오네요 왤가요? [1] 2022.12.21 by sim
analysis 검색반영이 왜 안될까요 [1] 2022.12.21 by sim
adsfasdfasdf http://os1.gaonlab.co.kr/board/sweetboard/board152/1860664 이사이트 (사용자보호조치)댓글 [2] 2022.12.09 by qwms
adsfasdfasdf http://os1.gaonlab.co.kr/board/sweetboard/board152 이 사이트에 (사용자보호조치)라는 아이디 도용을 했습니다. 삭제 부탁드립니다. [3] 2022.12.09 by 혼마_메이코
Fangpang 쇼핑몰 모듈은 어디껄 사용하시나요? [2] 2022.12.09 by Fangpang
히코 드림위버 html에 관해 질문이 있습니다..! [2] file 2022.12.03 by 히코
청솔 로그인 @ 관리자 권한? [2] file 2022.12.02 by 청솔
tree**** 스케치북 멀티미디어 모바일 설정 [3] file 2022.11.25 by tree****
yotabyte 신청게시판에서 글 작성 후 확인 메시지 띄우기  
154154 IP차단 에드온을 IP허용에드온으로 사용하고 싶은데 어떻게 해야 할지 모르겠어요 [2] 2022.11.21 by Baccarat
Kim 페이지 별 언어 선택에 관한 질문입니다. [5] 2022.11.21 by Baccarat
종합예술인 회원들이 회원정보에서 포인트 확인하는 법 [6] file 2022.11.21 by Baccarat
박재형 회원가입시나 수정시 닉네임/ID /E-mail 은 중복체크를 하자나요 . 이름도 가능할까요? [2] 2022.11.21 by Baccarat
건즈 게시글 맨 아래에 표시되는 Who's ... 수정이 안됩니다. [2] 2022.11.21 by Baccarat
ssssssc1 아프리카tv 도우미 위젯 공지창 테두리 색깔 변경하고싶어요 css 도와주세요 !! [1] file 2022.11.20 by ssssssc1
railman 게시글 제목 - 사이트명 순서 변경  
건즈 회원 '서명'에 작성한 모든 URL이 도메인/%5C로 바뀝니다.  
푸른하늘5 에디터 파일첨부 안되는 현상 [3] file 2022.11.14 by 푸른하늘5
희1 아래 레이아웃 질문을 좀 더 자세하게 하겠습니다 [1] file 2022.11.08 by sejin7940