Message [Page 1 of 1]
How do I make the search box like this on Sat Jan 08, 2011 2:55 am
Re: How do I make the search box like this on Sat Jan 08, 2011 3:04 am
Re: How do I make the search box like this on Sat Jan 08, 2011 3:08 am Re: How do I make the search box like this on Sat Jan 08, 2011 3:18 am Re: How do I make the search box like this on Sat Jan 08, 2011 3:51 am
Re: How do I make the search box like this on Sat Jan 08, 2011 8:58 pm Re: How do I make the search box like this on Sat Jan 08, 2011 9:02 pm
Re: How do I make the search box like this on Mon Jan 10, 2011 12:11 am Re: How do I make the search box like this on Mon Jan 10, 2011 12:47 am Re: How do I make the search box like this on Tue Jan 11, 2011 5:00 pmRockerMan wrote:OMG, Just read the whole article, could not be more simple!
Re: How do I make the search box like this on Tue Jan 11, 2011 7:46 pm<div id="searchwrapper"><form action="">
<input type="text" class="searchbox" name="s" value="" />
<input type="image" src="THE_BLANK_SUBMIT_BUTTON_IMAGE" class="searchbox_submit" value="" />
</form>
</div>#searchwrapper {
width:310px; /*follow your image's size*/
height:40px;/*follow your image's size*/
background-image:url(THE_SEARCH_BOX_IMAGE);
background-repeat:no-repeat; /*important*/
padding:0px;
margin:0px;
position:relative; /*important*/
}
#searchwrapper form { display:inline ; }
.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:4px;
left:9px;
width:256px;
height:28px;
}
.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:4px;
left:265px;
width:32px;
height:28px;
} Re: How do I make the search box like this on Sat Jan 15, 2011 8:42 pm
input.search {
border: none;
-moz-border-radius: 10px;
} Re: How do I make the search box like this on Tue Jan 18, 2011 10:25 pm Re: How do I make the search box like this on Thu Jan 20, 2011 9:47 pm
input {
padding-left: 12px;
background: url(IMAGE URL HERE) no-repeat;
}
Message [Page 1 of 1]
WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » How do I make the search box like this
Similar topics
Permissions in this forum:
You cannot reply to topics in this forum
