This is how my search bar looks:
You can search for whatever you want but to submit the search you must click the "enter" button on your keyboard, I want to add a Submit button/image right next to the search bar so users can click it instead of having to press "Enter"
I tried to add one but didnt see good results.
Here is the code to call the search bar on the header:
here is the CSS:
You can search for whatever you want but to submit the search you must click the "enter" button on your keyboard, I want to add a Submit button/image right next to the search bar so users can click it instead of having to press "Enter"
I tried to add one but didnt see good results.
Here is the code to call the search bar on the header:
Code:
<div id="search">
<form method="post" id="searchform" action="{$baseurl}/index.php" >
<input type="hidden" name="menu" value="search" />
<input id="s" class="rounded" type="text" name="query" />
</form>
</div>
here is the CSS:
Code:
/* The Search */
#search {
background:url(images/search.png);
width:283px;
padding:5px 0px ;
margin:10px 0px 0px 0px;
height:50px;
display:inline;
}
#search form {
margin: -5px 0px 0px 300px;
padding: 0;
}
#search fieldset {
margin: 0;
padding: 0;
border: none;
}
#search p {
margin: 0;
font-size: 85%;
}
#s {
width:285px;
margin:10px 0px 0px 0px;
padding: 5px 5px;
height:16px;
border:none;
font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
color:#333;
border:1px solid #000;
background:#F3F3F3;
display:inline;
}
input#searchsubmit{
padding: 3px 5px;
display:inline;
margin:0px 0px 0px 0px;
height:26px;
background:#133E68;
color:#fff;
border:none;
}