테스트 사이트 - 개발 중인 베타 버전입니다

검색창을 로고랑 같은 줄에 있게하는법 채택완료

길가던분 7년 전 조회 2,657

로고를 가운대 정렬하면서 검색창을 로고랑 같은 줄에 있게 하려는대요

로고는 가운대정렬로 만드는대 성공했는대 검색창을 로고랑 같은 줄에 있었음 좋겠는대 둘이 다른줄에 있어요. css를 수정해야할까요?

 

 

 

코드

 

</p>

<p> <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);"></p>

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

<p>            </form>

            <script>

            function search_submit(f) {

                if (f.q.value.length < 2) {

                    alert("검색어는 두글자 이상 입력하십시오.");

                    f.q.select();

                    f.q.focus();

                    return false;

                }</p>

<p>                return true;

            }

            </script>

        </div> 

     

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

답변 1개

채택된 답변
+20 포인트
f
7년 전

야매로 수정해봤습니다.

 

shop.head.php에서 로고와 검색 부분 소스를 잘라내서

아래에 'hd_wrapper'를 하나더 만들어주었습니다.

 

</p>

<p><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></p>

<p>    <div id="hd_sch">

        <h3>쇼핑몰 검색</h3>

        <form name="frmsearch1" action="<?php echo G5_SHOP_URL; ?>/search.php" onsubmit="return search_submit(this);"></p>

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

<p>        </form>

        <script>

        function search_submit(f) {

            if (f.q.value.length < 2) {

                alert("검색어는 두글자 이상 입력하십시오.");

                f.q.select();

                f.q.focus();

                return false;

            }</p>

<p>            return true;

        }

        </script>

    </div>

</div></p>

<p>

 

 

default_shop.css

 

#logo {margin-left:350px;float:left;padding:5px 0 5px}

로고 부분에 margin-left 추가...

 

http://www.internationale.kr/shop/">http://www.internationale.kr/shop/

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

길가던분
7년 전
위에 소스에 magin을 조금 주니까 원하는 위치로 왔어요 감사합니다.

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

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

로그인