Thursday, 19 September 2013

Select option width

Select option width

Im not really experienced in CSS and i have no tools that are best used in
designing webpages such as microsoft expression.
My problem is simple, its somehow vain.. neways,
i want my page to look symmetrical as possible so i want my select options
to be of same width. I've searched and the best solution is to use
width="" option on css. so how do i go about this?
have this example:
<tr>
<td><label for="meal">Meal:</label></td>
<td>
<select name="meal">
<option selected="selected"
value="0">Any</option>
<option
value="Breakfast">Breakfast</option>
<option
value="Brunch">Brunch</option>
<option value="Lunch">Lunch</option>
<option value="Snack">Snack</option>
<option
value="Dinner">Dinner</option>
</select>
</td>
<td><label for="cooking">Cooking:</label></td>
<td>
<select name="cooking">
<option selected="selected"
value="0">Any</option>
<option value="Baked">Baked</option>
<option
value="BBQ">Barbecque</option>
<option
value="Boiled">Boiled</option>
<option value="Dfried">Deep
Fried</option>
<option
value="Grilled">Grilled</option>
<option
value="Steamed">Steamed</option>
</select>
</td>

No comments:

Post a Comment