검색창 부분을 중간에 넣고 싶어요 ㅠ.ㅠ
본문
로고때문에 검색창이 위로 쏠리네요 ㅠ.ㅠ
그리하여 해당 검색창이 중간으로 왔으면 합니다. .ㅠ.ㅠ
</div>
<div id="hd_wrapper">
<div id="logo"><a href="<?php echo G5_SHOP_URL; ?>/"><img src="<?php echo G5_DATA_URL; ?>/common/logo_img" alt="<?php echo $config['cf_title']; ?>"></a></div>
<div id="hd_sch">
<h3>쇼핑몰 검색</h3>
<form name="frmsearch1" action="<?php echo G5_SHOP_URL; ?>/search.php" onsubmit="return search_submit(this);">
<label for="sch_str" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
<input type="text" name="q" value="<?php echo stripslashes(get_text(get_search_string($q))); ?>" id="sch_str" required>
<button type="submit" id="sch_submit"><i class="fa fa-search"></i></button>
</form>
<script>
function search_submit(f) {
if (f.q.value.length < 2) {
alert("검색어는 두글자 이상 입력하십시오.");
f.q.select();
f.q.focus();
return false;
}
return true;
}
</script>
답변 2
개발자 도구로 정확한 상황을 봐야 아는것이지만, 모르기 때문에 추측성으로 답변 드립니다.
상하정렬은 padding, margin, vertical-align 으로 웬만한건 컨트롤이 가능합니다.
위 3개를 적절히 활용해보세요.
임시방편으로는 <form 에 style="margin-top:5px" 식으로 상단 마진을 주는 방법이 있습니다.
임시방편이 아닌 방법으로 line-height 를 이용하면 될 것 같은데, 자세히는 모르겠지만 한번 검토해볼 수 있지 않을까 합니다. https://blog.asamaru.net/2017/04/04/css-image-vertical-center/