검색어 부분이 깨집니다.
본문
검색버튼을 이미지로 했을 뿐인데..
이렇게 뜨네요. (참고로, 익스플로러8 버젼 입니다.)
영카트5 이구요...
아래는 코드 입니다.
CSS
#hd_sch {float:right;margin-top:25px}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch #sch_str {color:#FFF;padding-left:5px;width:150px;height:28px;border:0;background:#666;line-height:2.5em !important;line-height:2.8em}
#hd_sch #sch_submit {padding:0 5px;height:26px;border:0;background:#666;color:#333;cursor:pointer}
HTML
<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="image" src="<?php echo G5_SHOP_URL; ?>/img/search_btn.jpg" 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.heap.php에서
<input type="submit" value="검색" id="sch_submit">
을
<input type="image" src="/images/btn_search.png" value="검색" id="sch_submit">
이렇게 변경 해주셨나요?
이렇게만 하시면 css 손 안대도 바로 적용 가능해요~
답변을 작성하시기 전에 로그인 해주세요.