서치버튼 오류 질문
본문
<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
<button type="submit" type="submit" style="outline: none;" class="s_img">검색</button>
왜 type이 두개나 ;;
<input type="image" src=""> 로하시는게 편하지 않을까요?
아 두개있는지 몰랐네요 ㅠㅠㅠ 수정했는데도 왜 안될까요 ㅠㅠ 이미지가 안뜨네요 ㅠㅠ
배경이미지 불러놓고 ...background:#fff; 를 주니... 안먹죠 ㅠ background:#fff 빼주세요
이미지 떴어요 ㅠㅠㅠ감사합니다
팁으로 배경이미지 뒤에 색상 입히려면 background 가 아닌 background-color로 하시면 됩니다
