HTML/CSS 홈페이지 제작해보는 실습을 진행 중이었는데
사진처럼 회원가입로그인이 CSS 스타일 적용이 안되는 오류가 있어서 열심히 코드를 살펴봐도 도저히 못 찾겠어서 같이 수업을 듣는 분에게 도움을 요청했는데
문제점이 보이는가 .... 😊 ....
이 부분이 li가 아니라 l1로 되어있었다. 도대체 ... ? 1이랑 i가 가까이 있지도 않은데 내가 도대체 어떻게 입력을 했길래 i를 1로 적은 걸까......... 아무튼 머리 때리면서 이 부분을 수정하니
이번에는 이 녀석이 밑으로 내려온다 🤦♀️
결국은 도움을 주시던 분의 정상 실행되는 코드와 내 코드를 비교해봤는데 틀린 게 아무것도 없는거다!!!!!!!!!! 다른 점은 나는 교재에 있는 것처럼 project1 - index.html, sytle.css 이렇게 지정을 했고
도와주신 분은 교재처럼 구분하지 않고 원래 있던 CSS, HTML 폴더에 넣은 후에 경로를 지정해줬다.
그래서 경로의 문제인건가? 하고 경로를 수정하니까
정상적으로 작동을 한다! 아.. 교재에서 잘못 알려줬나 보네 ㅠㅠ... 하고 넘어가려던 찰나에 폴더를 새로 만들다보니 기존에 project1에 들어있는 image 폴더의 링크가 달라져서 로고가 깨져있길래 경로를 바꾸니까
🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯
알고보니 실습에 사용하는 이미지가 아니라 따로 카카오의 로고를 넣고싶어서 갖고왔었는데.... 그 이미지가 너무 크다고 width를 %로 줄여버린 탓에 로고가 박스들을 다 밀어버리는 게 문제였던 것........... (남가람북스 사랑해요 욕해서 미안해요)
이렇게 size width=50% 를 width=50px로 바꾸니까
정상적으로 출력이 된다 😅
... 자 이제 카카오페이지 클론해보자!!!
좋은 글 감사합니다!