No replies
private_click
Offline
newbie
Last seen: 14 years 2 weeks ago
Joined: 2009-01-25
Posts: 1
Points: 0

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.