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

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

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

 

2049206409_1512840682.7597.png

 

 

코드

 

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개

채택된 답변
+20 포인트

야매로 수정해봤습니다.

 

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 추가...

 

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

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

답변에 대한 댓글 1개

위에 소스에 magin을 조금 주니까 원하는 위치로 왔어요 감사합니다.

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

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

로그인
🐛 버그신고