로고를 가운대 정렬하면서 검색창을 로고랑 같은 줄에 있게 하려는대요
로고는 가운대정렬로 만드는대 성공했는대 검색창을 로고랑 같은 줄에 있었음 좋겠는대 둘이 다른줄에 있어요. css를 수정해야할까요?
코드
Copy
<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>
<input type="submit" value="검색" id="sch_submit">
</form>
<script>
function search_submit(f) {
if (f.q.value.length < 2) {
alert("검색어는 두글자 이상 입력하십시오.");
f.q.select();
f.q.focus();
return false;
}
return true;
}
</script>
</div>답변 1개 / 댓글 1개
채택된 답변
+20 포인트
2017-12-10 (일) 13:00:07
야매로 수정해봤습니다.
shop.head.php에서 로고와 검색 부분 소스를 잘라내서
아래에 'hd_wrapper'를 하나더 만들어주었습니다.
Copy
<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>
<input type="submit" value="검색" id="sch_submit">
</form>
<script>
function search_submit(f) {
if (f.q.value.length < 2) {
alert("검색어는 두글자 이상 입력하십시오.");
f.q.select();
f.q.focus();
return false;
}
return true;
}
</script>
</div>
</div>default_shop.css
Copy
#logo {margin-left:350px;float:left;padding:5px 0 5px}로고 부분에 margin-left 추가...
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.