Sun, 2009-01-25 11:29
hello, i am currently building a website search box and i got stuck in a little problem.
here is how i want it to look like:
the html coding...
<div class="wrapper"> <div id="search-area" align="right"> <form action="" method="get"> <span class="text_ws1">search:</span> <input type="text" name="keyword" size="10" id="box" /> <input id="" type="image" src="images/button-search.png" width="86" height="42" id="go"/> </form> </div> </div>
css...
.wrapper { width:860px; margin:0 auto; text-align:left; } #search-area { width:860px; height:50px; vertical-align:top; } .text_ws1 { font-family: Tahoma; color:#FFFFFF; font-weight:600; font-size:12px; } #search-area #box { } #search-area #go { width:86px; height:42px; }
what i get now

any help will be appreciated.