채택완료

검색 아래에 이미지나 텍스트를 넣고 싶어요.

f5a70517faea5bcac2ac042a79f8fa17_1456371768_2505.jpg
 

영카트에서 검색하는 곳 아래에 이미지나 텍스트를 삽입하고 싶습니다.

아래 소스 아래 바로 삽입하니 사각 박스에 텍스트가 들어가더라구요.

 

<code>

        <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">-->

<input type="image" src="<?php echo G5_SHOP_URL; ?>/img/s.gif" 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>

</code>

답변 1개 / 댓글 1개

채택된 답변
+20 포인트

진한글씨 보세요.

absolute 포지션으로 top 과 bottom 적절히 이용하셔서 위치잡으세요.

 

 

        <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">-->

<input type="image" src="<?php echo G5_SHOP_URL; ?>/img/s.gif" 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 style="position:absolute;bottom:-20px;">하하하하하</div>

        </div> 

답변에 대한 댓글 1개

허걱 잘됩니다. ^^;;
<div style="position:absolute;bottom:-20px;">이걸 써야하는데 안써서 그랬군요.정말 감사합니다. (__)

답변을 작성하려면 로그인이 필요합니다.