로고를 올리싶은데 어떻께 해야하나요? 검색창에 맞추고싶어요 너무 내려와있어요ㅜㅜ
답변 2개 / 댓글 6개
채택된 답변
+20 포인트
sinbi로고 요소에 아래 스타일을 줘보세요. px값은 적당히 조정해 보세요.
position:relative; top:-20px
ps.
https://homzzang.com/b/css-108
이 파트를 제대로 학습해두면 아주 요긴합니다.
답변에 대한 댓글 6개
sinbi
2017-07-08 (토) 16:40:50
2017-07-08 (토) 16:41:56
/* 상단 레이아웃 */
#hd {min-width:1000px;border-bottom:2px solid #c92033}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_qnb {border-bottom:1px solid #e9e9e9;background:#f2f5f9;zoom:1}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_qnb div {text-align:center;letter-spacing:-4px}
#hd_qnb a {letter-spacing:0}
#hd_wrapper {position:relative;margin:0 auto;padding:26px 0;width:1000px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#logo {float:left;width:260px;padding:5px 0 0}
이부분인가요? 여기서 어디를 수정해야죠??
#hd {min-width:1000px;border-bottom:2px solid #c92033}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_qnb {border-bottom:1px solid #e9e9e9;background:#f2f5f9;zoom:1}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_qnb div {text-align:center;letter-spacing:-4px}
#hd_qnb a {letter-spacing:0}
#hd_wrapper {position:relative;margin:0 auto;padding:26px 0;width:1000px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#logo {float:left;width:260px;padding:5px 0 0}
이부분인가요? 여기서 어디를 수정해야죠??
sinbi
2017-07-08 (토) 16:45:57
#logo > a > img {position:relative; top:-20px}
위 코드를 위 댓글 코드 밑에 넣어보세요.
위 코드를 위 댓글 코드 밑에 넣어보세요.
onlymilk47
2017-07-08 (토) 19:03:02
sinbi 님이 잘 가르쳐 주셨는데요
아마 #logo {float:left;width:260px;padding:5px 0 0} 지우신듯 합니다
추가하시면 sinbi님 말씀대로 잘 되실 겁니다.
답변을 작성하려면 로그인이 필요합니다.