검색바 위치수정 문의 드립니다.
본문
수정삭제 복구를 반복한 시행착오 끝에 메뉴바도 일단 중앙정렬 시켰고,
검색바도 로그인바 위치로 이동시키는데까지 성공했습니다.
마지막으로 검색바 위치만 해당 위치에서 가운데 정렬로 보이면 될것 같은데 어딜 수정해야할지
이것저것 수정해보는데 자리가 옮겨지질 않네요 ㅠㅜ
css에서 수정해주면 될것 같은데요.
.hd_sch_wr{float:right;position:relative;top:1px;right:0;width:228px;}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch{border:1px solid #666;background:#353535;border-radius:5px;overflow:hidden}
#hd_sch #sch_stx {padding-left:10px;height:30px;width:195px;border:0;border-right:0;float:left;background:#353535;color:#999;font-size:1.1em}
#hd_sch #sch_submit {height:28px;border:0;background:#353535;color:#999;width:28px;float:left;cursor:pointer;font-size:18px}
검색바와 관련된 css인데 어딜 수정하면 화면 가운데로 올지 확인줌 부탁드릴게요~
!-->
답변 3
검색하는 유저입장에서는 지금이 더 편하네요.
정 옮기고 싶으시면 position:relative; left:OOpx; top:OOpx 속성을 이용해 옮겨보세요.
반응형이 아니니까, 이 방법으로 옮겨도 괜찮을 겁니다.
검색창을 메뉴안쪽으로 넣으셨으면
#hd_sch #sch_stx {padding-left:10px;height:30px;width:195px;border:0;border-right:0;float:left;background:#353535;color:#999;font-size:1.1em}에서
padding-left:10px 여기를 가운데에맞게 수치를 조절해서 자리를 이동하셔야될것같네요
url을 알려주는게 더 빠를듯합니다.
웹표준으로 코딩하면 어떤 해상도든 동일하게 보여집니다.
답변을 작성하시기 전에 로그인 해주세요.