이전 목록 다음
채택완료

서치버튼 오류 질문

2017-09-29 (금) 16:38:20 2,613

<div class="search">

<ul class="sch" method="GET" action="/.html" onsubmit="return goSearch()">
      <li class="s_t">
      <input type="text" style="outline: none;" maxlength="30" value="" autocomplete="off" title="검색어 입력" >
      </li>
      <li><button type="submit" type="submit" style="outline: none;" class="s_img">검색</button></li>
     </ul>

</div>

.search{position: relative;}


.sch li{position: absolute; top:110px; left:420px;}

.sch{float:left;
  top:95px;
  left: 410px;}

.s_t{background:url(image/main/search.png) no-repeat;
  width:250px;
  height:35px;
  padding: 7px 15px;}

.s_t input [type="text"]{width:250px;
       height: 35px;
       font-size: 17px;
       font-weight:bold;
       line-height: 35px;
       color: #333;
       outline: none;
       border:4px solid #ff7c00;
       }

.sch .s_img{background:url(image/main/btn_search.png) no-repeat;
      width:25px;
      height:25px;
      background:#fff;
      text-align:center;
      position: absolute;
      left:210px;
      top:5px;}

검색창을 만들고있는데 검색 버튼이미지가 안뜨고 버튼 이미지로만 뜨네요 ㅠㅠㅠ

빨간글씨로 표시해놓은게 서치버튼이에요 ㅠㅠ

뭐가 잘못된건지 알려주세요 ㅠㅠㅠ

|

답변 1개 / 댓글 4개

채택된 답변
+20 포인트
2017-09-29 (금) 16:44:47

<button type="submit" type="submit" style="outline: none;" class="s_img">검색</button>

왜 type이 두개나 ;;

<input type="image" src="">  로하시는게 편하지 않을까요?

답변에 대한 댓글 4개

아 두개있는지 몰랐네요 ㅠㅠㅠ 수정했는데도 왜 안될까요 ㅠㅠ 이미지가 안뜨네요 ㅠㅠ
배경이미지 불러놓고 ...background:#fff; 를 주니... 안먹죠 ㅠ background:#fff 빼주세요
이미지 떴어요 ㅠㅠㅠ감사합니다
팁으로 배경이미지 뒤에 색상 입히려면 background 가 아닌 background-color로 하시면 됩니다

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