Search Field
by Annett
HTML
<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>CSS
#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; }