 |
 |
|
||||||||
|
||||||||
01-22-2012, 12:54 AM
|
#1 |
|
New Member
 Join Date: Jan 2012
Location: CyberSpace
Posts: 9
|
Display 3 Checkboxes From Left to Right
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 Code:
<!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>
|
|
|
|
01-22-2012, 02:28 AM
|
#2 |
|
Platinum Member
 
Join Date: Jan 2011
Location: Oklahoma City, OK
Posts: 677
|
Set a class for the <option> tag, and set the CSS as float:left;
|
|
|
|
|
01-27-2012, 03:38 AM
|
#3 | |
|
New Member
Join Date: Jan 2012
Location: CyberSpace
Posts: 9
|
Quote:
any demo codes? the <option> tags were for the <select> tag, the drop down menu? my check boxes were enclosed in a <fieldset> and there is no <option> tag in there. |
|
|
|
|
 |
| Tags |
| basic html, form field checkbox, input elements |
| Thread Tools | |
| Display Modes | |
|
|
Linear Mode
