검색창 오류 질문

검색창 오류 질문

QA

검색창 오류 질문

본문

812f82d2c76ff53449980ba399efda6d_1507701070_619.PNG
<div class="srchbar">

      <div class="src_area" id="search_form">
       <form name="search_form" method="GET" action="/shop/shopbrand.html" onsubmit="return goSearch()">
        <fieldset>
         <legend>상품 검색</legend>
         <label for="top_srch">
          <input type="text" name="search" id="search_keyword" style="outline:none;" maxlength="30" value="" autocomplete="off" title="검색어 입력" onfocus="ff_focus();" onblur="ff_blur();">
         </label>
         <button type="submit" id="search_submit" class="btn_search">검색</button>
        </fieldset>
       </form>
      </div>

     </div>









#header .srchbar .btn_search {
 background: url(image/main/btn_search.png) no-repeat;
    display: block;
    position: absolute;
    top: 23px;
    left: 270px;
    width: 29px;
    height: 29px;
    background-position: 0px 0px;
    -webkit-background-position: 0px 0px;
    text-indent: -999em;
}
#header .srchbar {
 background: url(image/main/search.png) no-repeat;
    position: absolute;
    z-index: 970;
    top:112px;
 left:430px;
    margin: auto;
    border-bottom: none !important;
    width: 250px;
    height: 35px;
    padding-left: 15px;
}

#header .srchbar label input[type="text"] {
    position: absolute;
    top: 0;
    left: 0;
 outline: none;
    width: 250px;
    height: 35px;
    border: 0;
    padding: 7px 0 0 2px;
    background-color: transparent;
    font-family: 'Nanum Gothic Bold';
    font-size: 17px;
    font-weight: bold;
    line-height: 17px;
    color: #000;
}
#header .srchbar label input[type="text"] {
    position: absolute;
    top: 0;
    left: 0;
    outline: none;
    width: 200px;
    height: 33px;
    border: 0;
    padding: ;
    background-color: transparent;
    font-family: 'Nanum Gothic Bold';
    font-size: 17px;
    font-weight: bold;
    line-height: 17px;
    color: #87746a;
}
#header .srchbar label {
    position: relative;
    float: left;
    display: block;
    margin: 0;
    width: 275px;
    height: 29px;








왜 저렇게 되는지 잘 모르겠네요 ㅠㅠㅠ 오류가 왜 난건가요 ㅠㅠ outline:none 해도 아웃라인도 안없어지고... 검색버튼도 안눌려요 ㅠㅠ


이 질문에 댓글 쓰기 :

답변 2

아웃라인은 

<fieldset style="border:none;">


상품검색 은 

<legend style="display:none;">상품 검색</legend> 


하시면 없어지십니다.


검색버튼 안눌러 지시는것은 레이어가 밑으로 가셨다고 보시면 됩니다


#header .srchbar .btn_search {

 background: url(image/main/btn_search.png) no-repeat;

    display: block;

    position: absolute;

    top: 23px;

    left: 270px;

    width: 29px;

    height: 29px;

    background-position: 0px 0px;

    -webkit-background-position: 0px 0px;

    text-indent: -999em;

z-index:1000;/*z-index 추가*/

}에 

z-index:1000; 을  넣어 주시면 됩니다 

사이트 링크를 주시면 

답변하기 쉬울 것 같은데 ㅠ ㅠ...


아니면 배경으로 깐 search.png 이거라도 좀 올려주시면~

테스트 해볼게여~~~

답변을 작성하시기 전에 로그인 해주세요.
전체 1,120
QA 내용 검색
filter #html ×

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT