hello pros,
i am wanting to create my own classified ads website
im starting to learn basic html, i've started to practice and started creating a sample form.
i want to display 3 checkboxes in an inline display, from left to right.
how do i do that? coz right now it displays from top to bottom
here is what i did
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title>My Practice Sheet</title>
<style type="text/css">
body {
font-family: Verdana, sans-serif, sans;
background-color: #dddddd;
}
.spacer {
height: 200px;
margin: 0px;
}
td.label{
text-align: right;
}
</style>
</head>
<body><div class="spacer"></div>
<div align="center">
<form><table>
<tr>
<td class="label">City or Provinces: </td>
<td>
<select name="city_dropdown" maxlength="30">
<option value="abra">Abra</option>
<option value="benguet">Benguet</option>
<option value="cagayanval">Cagayan Valley</option>
<option value="spacer"></option>
<option value="entirephil">Entire Philippines</option>
</select>
</td>
</tr>
<tr>
<td class="label">Section: </td>
<td>
<select name="section">
<option value="choose" selected="selected">Select Section</option>
<option value="spacer"></option>
<option value="items_forsale">Items For Sale</option>
<option value="want_to_buys">Want To Buys</option>
<option value="swap">Swapping Section</option>
<option value="properties">Properties</option>
<option value="room_finder">Room Finder</option>
</select>
</td>
</tr>
<tr>
<td class="label">Listing Title: </td>
<td>
<input type="text" name="listing_title" value="" size="66" max-lenght="60"/>
</td>
</tr>
<tr>
<td style="vertical-align:top;">Listing Description: </td>
<td>
<textarea rows="10" cols="50"></textarea>
</td>
</tr>
<tr>
<td class="label">Item Condition: </td>
<td align="left">
<fieldset style="width:33%;"><input type="checkbox" name="brand_new" value=""/> Brand New</fieldset>
<fieldset style="width:33%;"><input type="checkbox" name="already_used" value=""/> Already Used</fieldset>
<fieldset style="width:33%;"><input type="checkbox" name="newly_replaced" value=""/> Newly Replaced</fieldset>
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
