검색창을 로고랑 같은 줄에 있게하는법
본문
로고를 가운대 정렬하면서 검색창을 로고랑 같은 줄에 있게 하려는대요
로고는 가운대정렬로 만드는대 성공했는대 검색창을 로고랑 같은 줄에 있었음 좋겠는대 둘이 다른줄에 있어요. css를 수정해야할까요?
코드
<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
야매로 수정해봤습니다.
shop.head.php에서 로고와 검색 부분 소스를 잘라내서
아래에 'hd_wrapper'를 하나더 만들어주었습니다.
<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
#logo {margin-left:350px;float:left;padding:5px 0 5px}로고 부분에 margin-left 추가...
위에 소스에 magin을 조금 주니까 원하는 위치로 왔어요 감사합니다.
답변을 작성하시기 전에 로그인 해주세요.