무료
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결웹퍼블리셔가 알려주는 실무 웹사이트 따라만들기 Season1
:after에 설명해주신 css 차이가 이해가 어렵습니다.
header .lnb li a span:after{position: absolute; left:0; bottom:0; content:""; display:block; width: 100%; height: 1px; background: #2d5b79;}header .spot li:after{content:""; position: absolute; left: 0; top: 50%; width: 1px; height: 7px; background: #ccc; transform: translateY(-50%); } 1강에서 40분쯤에 이렇게 강의를 해주셨는데span:after 에는 display:block;을 주셨고li:after 에는 display:block; 을 안주셨더라고요둘 다 똑같이 선을 만드는 css인데요 (차이는 좌우에 만드느냐, 아래에 만드느냐) 이 두개의 차이는 뭔지 설명 좀 부탁드리겠습니다 : )ㅜㅜ
- 미해결웹퍼블리셔가 알려주는 실무 웹사이트 따라만들기 Season1
메인페이지 컨텐츠영역 class.slide
메인페이지 컨텐츠 영역 제작하기(매거진영역) 부분에서 visual의 이전/다음/컨트롤 영역을 재사용하기 위해 class 추가하여 slide를 이용한다고 하셨는데요.<div class="con"> <div class="slide"> <div class="txt"> 가구소재에서<br> 인테리어 자재까지 <p>한솔홈데코 편리하고 행복한 공간을 만들어 갑니다.</p> </div> </div> </div>이미 class에 slide를 사용하고 있는데 또 visual에 slide를 사용하고 css를 수정하는 것을 보고 질문드립니다.
- 미해결웹퍼블리셔가 알려주는 실무 웹사이트 따라만들기 Season1
atom으로 진행하고 있는 중에 질문이 있습니다.
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. atom으로 강의 내용을 따라가고 있습니다. 다름이 아니라 두번째 강의에서 default와 index.css 를 link를 사용해서 연결해 주셨는데, 저의 경우 저의 파일에 이 두가지가 있지 않습니다. 혹시 어디에 위치해 있는지, 또는 해결방안을 알려주실 수 있으신가요?
- 미해결웹퍼블리셔가 알려주는 실무 웹사이트 따라만들기 Season1
질문 드립니다.
한솔홈데코 사이트가 현재 리뉴얼돼서 강의와 조금은 다른 것 같아요. 혹시 강의해주신 기준으로 파일은 구할 수 없을까요? 그리고 헤더에서 가로가 100%이고 브라우저 크기에 상관없이 오른쪽 왼쪽 여백은 그대로 유지된다고 하셨는데요. 가로가 100퍼센트인지 어떻게 알 수 있나요?
- 미해결웹퍼블리셔가 알려주는 실무 웹사이트 따라만들기 Season1
css 초기화 작업관련하여 질문드립니다!
안녕하세요! 혼자서 공부하고있는데 이렇게 좋은강의 올려주셔서 너무 감사합니다ㅠㅠ!! 다름이아니라 제가 기초에 대해서 조금 부족한데 css 초기화 작업은 어떻게 하는거고,왜 하는건지 알 수 있을까요? 혹시 초기화 작업은 따로 공부를 해야하는지도 궁금합니다!. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 미해결웹퍼블리셔가 알려주는 실무 웹사이트 따라만들기 Season1
안녕하세요! 블로그 업로드 관련해서 질문드릴 게 있습니다.
제가 개인 공부 블로그를 얼마 전에 시작했는데 이 강의를 들으며 공부했던 내용들을 혹시 블로그에 올려도 될까요? 저 나름대로 수칙을 정했는데, 1. 강의 스크린샷 사용X 2. 내가 작성한 코드로, 설명이 필요한 일부 부분만 발췌해서 사용 3. 원본 링크는 꼭 개재하기 혹시 될까요.....?
- 미해결웹퍼블리셔가 알려주는 실무 웹사이트 따라만들기 Season1
선택된 항목 흰색 강조 색깔
안녕하세요. 코드 따라하며 기능 확인중인데요! 리스트 5개 중에 선택된 항목을 'on' class를 주고 css에서 흰색으로 배경색 지정하는 부분이 있습니다. (32분 즈음) 여기서 영상에서는 아래와 같이 코드를 짰는데요. .visual .control li .on a { background: #fff; } 이게 먹질 않아서 순서도 바꿔보고 하다 아래와 같이 li 를 뺐더니 동작하더라고요. 어떤 것 때문에 그런 것일까요? .visual .control .on a { background: #fff; }
- 미해결웹퍼블리셔가 알려주는 실무 웹사이트 따라만들기 Season1
default.css 가 적용이 안되요 ㅜㅜ
안녕하세요~ 선생님 블로그에서 default.css를 다운받아 <link rel="stylesheet" href="C:\Users\ASUS\Desktop\homepage\default.css"> <link rel="stylesheet" href="C:\Users\ASUS\Desktop\homepage\index.css"> 이렇게 html에 붙여넣기 했는데요 파일명은 속성-보안-개체이름에서 확인했습니다. index.css는 적용이 되는데 어째서인지 default.css는 적용이 안되네요 ㅜㅜㅜㅜㅜ 왜그럴까요 좀 알려주세요 ㅜㅜ
- 미해결웹퍼블리셔가 알려주는 실무 웹사이트 따라만들기 Season1
강의 13분 25초이후 div float:left 적용 시 질문
float: left로 정렬을 하는것까진 이해가 갑니다. 그러나 html에서 input을 div로 감싸주지 않으니 일렬 정렬이 안됩니다. 이상태에서 도구로 width를 측정했더니 325.xx이렇게 나오는걸 확인했습니다. div로 감싸주었을때는 width값이 168로 나옵니다. div의 유무로 width의 값이 차이나는 이유가 input태그의 width 자동 설정값의 차이로 인함을 확인했습니다. div의 유무로 width의 차이가 나는 이유가 궁금합니다.
- 미해결웹퍼블리셔가 알려주는 실무 웹사이트 따라만들기 Season1
visual 영역 slide control bar 일렬 정렬이 안됩니다 ㅠㅠ
강의 30분쯤 부터 슬라이드 컨트롤바 작업을 따라쳤을 뿐인데 일렬 정렬이 되지 않고 아래로 내려가있네요 해당 태크 클리스 .visual .control li의 display: inline-block 속성을 inline-flex로 바꾸니 문제가 해결되긴합니다만 강좌와 똑같은 소스인데 다르게 출력되는 이유를 모르겠습니다. 신기하게도 bar 간의 스페이스 간격을 없애기 위해 font-size: 0;값을 주니 일렬 정렬이 되네요;; 아래는 제가 작성한 소스입니다. 나머지 부분은 정상 작동되므로 문제가 있는 해당 부분만 올렸습니다. .visual .control { position: absolute; left: 0; bottom: 55px; text-align: center; width: 100%; } .visual .control > div { display: inline-block; position: relative; padding: 0 45px 0 0; } .visual .control > div > div { position: absolute; right: 0; } .visual .control ul, .visual .control li { display: inline-block; } .visual .control .on a { background: white; } .visual .control li a { display: block; width: 50px; height: 3px; background: rgba(255, 255, 255, 0.5); border: none; } .visual .control a { color: transparent; border: 1px solid red; }
- 미해결웹퍼블리셔가 알려주는 실무 웹사이트 따라만들기 Season1
헤더영역 제작에서 transition
.skip{...(이하생략)transition:all 0.5s;} .skip:focus{top:0;} 이라고 강의에 나온대로 썼는데 focus될 때 동작이 실행되는 게 아니라 페이지가 로딩되자마자 동작이 실행되고 멈추네요; 개발자 도구로 보니 index.css가 없다는 오류가 나서 이거 때문에 그런가하고 빈 파일이나마 index.css를 만들어서 연결시켜도 똑같은 거보면 이게 문제는 아닌 것 같습니다. 다른 방식으로 동작을 구현하는 방법은 없을까요?
- 미해결웹퍼블리셔가 알려주는 실무 웹사이트 따라만들기 Season1
이미지 사용시 좌표 질물
background : url(../img/sp_com.png) no-repeat -150px 0; background-position Bold 문구 두가지의 차이가 무엇인가요? 축약형태인가요? 아니면 사용하는 시점이(용도) 다른가요?
- 미해결웹퍼블리셔가 알려주는 실무 웹사이트 따라만들기 Season1
질문
해더 영역에서 대메뉴/관련서비스 텍스트를 시각적으로 가려줄때 <!--이런식으로--> 하면 낭독기가 못알아먹을까요?
- 미해결웹퍼블리셔가 알려주는 실무 웹사이트 따라만들기 Season1
클릭영역은 넓어졌는데 커서가 포인터로 안 바뀌어요.
호버를 주었을 때 색상을 바뀌게 만들었더니 클릭영역이 넓어진건 확인했는데 포인터가 안 바뀌어요... 왜 그런건가요?
- 미해결웹퍼블리셔가 알려주는 실무 웹사이트 따라만들기 Season1
.notice article > div a 이거와.notice article > div > a 차이를 모르겠습니다.
하나는 > a들어가고 하나는 그냥 a쓰시는데 이유를 잘 모르겠습니다 ㅠㅠ 말씀좀 부탁드릴게요
- 미해결웹퍼블리셔가 알려주는 실무 웹사이트 따라만들기 Season1
한솔 홈페이지가...
홈페이지가 바뀌어서 수업을 따라 할 수가 없어요.. 어떻게 해야하나요?
- 미해결웹퍼블리셔가 알려주는 실무 웹사이트 따라만들기 Season1
개발툴 질문드립니다.
안녕하세요. 좋은 수업 감사합니다. 이 강의에서 이용한 개발툴은 무엇인가요?
- 미해결웹퍼블리셔가 알려주는 실무 웹사이트 따라만들기 Season1
display grid row 관련 문의 드립니다.
grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; 상위 div 1개 하위 div 9개 가 있다고 할때 수평은 100% 나오는데 수직이 100% 채워져서 나오지 않는데. 어떠 값을 주어야하는건지요? 문의 드립니다.
- 미해결웹퍼블리셔가 알려주는 실무 웹사이트 따라만들기 Season1
테이블 디자인 문의 드립니다.
위의 두가지 스타일의 테이블 이벤트를 디자인을 하려고 합니다. 임의의 레코드의 필드 클릭하면 동일레코드의 모든 필드의 값을 입력 가능하도록 활성화 되고 선택되어 활성화된 필드의 레코드 바로 하단에 cancel, save 버튼 박스가 보여지며 입력을 종료하지 않고 다른 레코드의 셀을 클릭시에는 기존 편집하던 레코드는 모든 값이 원상복귀되도록 javascript 코드와 css를 구성하고 싶습니다. 예시나 팁을 좀 주실수 있을가요? ^^
- 해결됨웹퍼블리셔가 알려주는 실무 웹사이트 따라만들기 Season1
default.css
2번째 강의에서 header 잡는데 default.css를 갑자기 쓰시네요... 어디서 나타난건가요...