Okay, well there is a quick and dirty way, like I have done here, and a "I want perfection" way, which I can do if you need more help.
Quick and dirty html:
<div class="greenMenu">
<h1>FOR SALE</h1>
<p>
<form>
<p>
<input type="text" size="25" value="City, State, Zip">
Price: <select name="price">
<option value="min">0 - 10</option>
<option value="med">11 - 20</option>
<option value="high">21 - 30</option>
<option value="max">31 - 50</option>
</select>
<select name="price2">
<option value="min">0 - 10</option>
<option value="med">11 - 20</option>
<option value="high">21 - 30</option>
<option value="max">31 - 50</option>
</select>
<br>
E.G. "Naples, FL"
</p><p>
<input type="checkbox" name="open" value="open">Show open houses first<br>
<input type="checkbox" name="open" value="images">Show only asd w/ Images<br>
<input type="text" size="25" value="Enter a Listing Number">
Beds:
<select name="beds">
<option value="min">0 - 1</option>
<option value="med">1 - 2</option>
<option value="high">2 - 3</option>
<option value="max">3 - 5</option>
</select>
</p>
</div>
Quick and dirty CSS:
.greenMenu
{
background: green;
border: 1px solid yellow;
font-family: Georgia, Arial, SunSans-Regular, sans-serif;
font-size: 15px;
font-style: normal;
color: #000;
width: 500px;
height: 200px;
}
.greenMenu h1 {
font-weight: 800;
}
You will notice that there is no submit button. Because the button shown is an image I figured you had one and could add it. ;)