HTML/CSS Form (Table) DOB line showing on two lines - html

Question

On my websites form - my date of birth day, month and year menus are showing on two lines, I'd like them to all show on the same line instead.
When I test the code it show's on one line so I believe there must be a width issue.
You can see the issue on the right hand form (incomeprotectionstore.co.uk).
Any help would be much appreciated.
The date of birth css can be seen below:
<tr>
<td nowrap=""><label><div align="left">Date of birth</div></label></td>
<td><select name="x_C1DOB_YYYY" id="dd_dob_year" class="input-dob">
<?
for($i=1995; $i >= 1900; $i--){
?>
<OPTION value="<? echo $i; ?>" <? formSelected( $x_C1DOB_YYYY, $i ); ?>><? echo $i; ?></OPTION>
<?
}
?>
</select>
<select name="x_C1DOB_MM" id="dd_dob_month" class="input-dob">
<?
for($i=1; $i<=12; $i++){
if($i < 10) $x = "0".$i; else $x = $i;
$month = $month_name[$i-1];
?>
<OPTION value="<? echo $x; ?>" <? formSelected( $x_C1DOB_MM, $x ); ?>><? echo $month; ?></OPTION>
<?
}
?>
</select>
<select name="x_C1DOB_DD" id="dd_dob_day" class="input-dob">
<?
for($i=1; $i<=31; $i++){
if($i < 10) $x = "0".$i; else $x = $i;
?>
<OPTION value="<? echo $x; ?>" <? formSelected( $x_C1DOB_DD, $x ); ?>><? echo $x; ?></OPTION>
<?
}
?> </select>
</td>
</tr>
Thanks,
Sam

Answer 1

You could try wrapping your selects in an element that prevents line-wrapping like this:
<div style="white-space:nowrap;">
<select>
<select>
<select>
</div>

Answer 2

Set width:200px; on the <td> containing the DOB dropdowns (like it is set on the <input>s in the rest of the form)
for instance <td class = "dob-wrapper"> in the HTML and .dob-wrapper { width:200px; } in the CSS
Final answer:
Change the first <td> to <td style="width:99px;"> Then change the second <td> element to <td style="width:200px;">
If you want the boxes on the right instead of left change use 160px instead of 99px

Answer 3

this is the working code of birthday. try this
<div id="birthday">
<p>Birthday</p>
<table id="birthday">
<tr>
<th>
<select name="month">
<option value="">Month</option>
<option value="01" <?php if(isset($_POST['month']) && $_POST['month'] == '01') { echo 'selected="selected"'; } ?>>Jan</option>
<option value="02" <?php if(isset($_POST['month']) && $_POST['month'] == '02') { echo 'selected="selected"'; } ?>>Feb</option>
<option value="03" <?php if(isset($_POST['month']) && $_POST['month'] == '03') { echo 'selected="selected"'; } ?>>Mar</option>
<option value="04" <?php if(isset($_POST['month']) && $_POST['month'] == '04') { echo 'selected="selected"'; } ?>>Apr</option>
<option value="05" <?php if(isset($_POST['month']) && $_POST['month'] == '05') { echo 'selected="selected"'; } ?>>May</option>
<option value="06" <?php if(isset($_POST['month']) && $_POST['month'] == '06') { echo 'selected="selected"'; } ?>>Jun</option>
<option value="07" <?php if(isset($_POST['month']) && $_POST['month'] == '07') { echo 'selected="selected"'; } ?>>Jul</option>
<option value="08" <?php if(isset($_POST['month']) && $_POST['month'] == '08') { echo 'selected="selected"'; } ?>>Aug</option>
<option value="09" <?php if(isset($_POST['month']) && $_POST['month'] == '09') { echo 'selected="selected"'; } ?>>Sep</option>
<option value="10" <?php if(isset($_POST['month']) && $_POST['month'] == '10') { echo 'selected="selected"'; } ?>>Oct</option>
<option value="11" <?php if(isset($_POST['month']) && $_POST['month'] == '11') { echo 'selected="selected"'; } ?>>Nov</option>
<option value="12" <?php if(isset($_POST['month']) && $_POST['month'] == '12') { echo 'selected="selected"'; } ?>>Dec</option>
</select>
</th>
<th>
<select id="day" name="day">
<option value="">Day</option>
<?php
for($i=1; $i<=31; $i++)
{
echo '<option value="' . $i . '"';
if(isset($_POST['day']) && $_POST['day'] == $i)
{
echo ' selected="selected"';
}
echo '>' . $i . '</option>';
}
?>
</select>
</th>
<th>
<select id="year" name="year">
<option value="">Year</option>
<?php
for($i=2014; $i>=1905; $i--)
{
echo '<option value="' . $i . '"';
if(isset($_POST['year']) && $_POST['year'] == $i)
{
echo ' selected="selected"';
}
echo '>' . $i . '</option>';
}
?>
</select>
</th>
</tr>
</table>
</div>