inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

<M.B.I.T> 테스트 페이지 만들기! with Django

설문페이지 만들기 - css

CSS적용

304

PH401

작성한 질문수 2

0

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
INDEX에서는 CSS가 적용이 됬었는데
FORM에서는 CSS가 적용이 안되요ㅠㅠ
다 똑같이 했는데 왜 적용이 계속 안될까요?
인터넷에서 쿠키 삭제하면 된다그래서 쿠키삭제도 했는데
계속 적용이 안됩니다....

css javascript django HTML/CSS

답변 1

0

Hojun Lee

안녕하세요 제주코딩베이스캠프입니다.

현재 오류가나는 form.html의 전체 코드를 공유해주시면 해결해드리도록 하겠습니다.

화면을 캡쳐하거나 코드를 답글로 달아주세요!

0

PH401

@font-face {

    font-family: 'GmarketSansBold';

    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'NEXON Lv1 Gothic OTF';

    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

body{

    background-color: #bfc8d7;

    color: #41553f;

    overflow: hidden;

    font-family: "NEXON Lv1 Gothic OTF";

}

#survey {

    display: flex;

    justify-content: center;

    width: 100vw;

    height: 100vh;

    margin-top: 50px;

}

.test {

    max-width: 600px;

    height: 100vh;

}

.question_container {

    display: flex;

    flex-direction: column;

    align-items: center;

    font-size: 30px;

    line-height: 1.3;

    padding-bottom: 10px;

}

.question_container .number {

    padding-bottom: 30px;

}

.question_container .question {

    font-family: "GmarketSansBold";

}

.answer {

    font-size: 17px;

    line-height: 1.5;

    padding-bottom: 30px;

}

.answer div {

    padding-bottom: 15px;

}

.answer input {

    cursor : pointer;

}

.btn_wrap {

    display: flex;

    justify-content: center;

}

.btn_sort {

    justify-content: space-between;

}

button, .submit_btn {

    width: 100px;

    height: 40px;

    padding: 5px;

    border-style: none;

    border-radius: 10px;

    font-family:'NEXON Lv1 Gothic OTF' ;

    font-size: 20px;

    background-color: #41553f;

    color: #dda5a5;

    cursor: pointer;

}

button:hover, .submit_btn:hover {

    color:#41553f ;

    background-color: #dda5a5 ;

}

0

PH401

@font-face {

    font-family: 'GmarketSansBold';

    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'NEXON Lv1 Gothic OTF';

    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

body{

    background-color: #bfc8d7;

    color: #41553f;

    overflow: hidden;

    font-family: "NEXON Lv1 Gothic OTF";

}

#survey {

    display: flex;

    justify-content: center;

    width: 100vw;

    height: 100vh;

    margin-top: 50px;

}

.test {

    max-width: 600px;

    height: 100vh;

}

.question_container {

    display: flex;

    flex-direction: column;

    align-items: center;

    font-size: 30px;

    line-height: 1.3;

    padding-bottom: 10px;

}

.question_container .number {

    padding-bottom: 30px;

}

.question_container .question {

    font-family: "GmarketSansBold";

}

.answer {

    font-size: 17px;

    line-height: 1.5;

    padding-bottom: 30px;

}

.answer div {

    padding-bottom: 15px;

}

.answer input {

    cursor : pointer;

}

.btn_wrap {

    display: flex;

    justify-content: center;

}

.btn_sort {

    justify-content: space-between;

}

button, .submit_btn {

    width: 100px;

    height: 40px;

    padding: 5px;

    border-style: none;

    border-radius: 10px;

    font-family:'NEXON Lv1 Gothic OTF' ;

    font-size: 20px;

    background-color: #41553f;

    color: #dda5a5;

    cursor: pointer;

}

button:hover, .submit_btn:hover {

    color:#41553f ;

    background-color: #dda5a5 ;

}

data.json 파일을 어디 올려놓은 건가요??

0

151

1

python manage.py dumpdata main --output data.json로 생성된 파일의 글자가 깨짐 문제

0

158

1

현재는 구름 ide 컨테이너 생성이 유료인가요? 시간당 크레딧이 필요합니다.

0

258

1

사이트 접속이 안돼요

0

242

1

첫화면 버튼이 css 적용이 안됩니다..

0

503

1

제출버튼 클릭하면 오류 발생

0

240

1

makemygrations 오류

0

249

1

자바스크립트 오류 관련해서 질문합니다.

0

688

1

장고 ORM 깃허브 업로드 관련 질문입니다.

0

424

1

결과 페이지 만들기 -js편 execCommand를 더이상 지원하지 않습니다.

0

1560

1

결과페이지 만들기 - css 강의 내 질문입니다.

0

302

0

테스트 사용자 이름을 결과페이지에 뜨게

0

279

0

js) 2/3 -> 3/3으로 안 넘어갑니다

0

329

1

질문지를 블록형태로 바꿀려면 어떻게 입력해야하나요??

0

261

1

제출 클릭 시 result로 못넘어가는 오류

0

356

1

구름 컨테이너 선택시 파이썬->장고 선택하면?

0

302

1

static.zip 링크가 없습니다!

0

249

1

display: flex 오류

0

583

0

안넘어가요.

1

353

1

다른 방식으로 구현하는 부분에 대한 질문입니다.

0

315

0

문항 클릭시 다음페이지로 넘어가게 할 수 있을까요?

0

602

1

uWSGI 소켓 설정 후에 프로젝트 화면 접근이 안 됩니다.

0

203

0

다 완성하고 배경색을 바꾸려고 하는데요

0

314

1

함수질문

0

255

1