table form - moving to Div's

[leeboycymru]

I have this form in the site below:

http://www.checksafetyfirst.com/en/leenewnav/test.php

I want to strip the tables out to leave it controlled by div's and css, but could somebody advise me if there is a better way than just ripping out the tables and replacing them one by one with div's.

What Im trying to ask is, rather than replicating tables with div's, is there a better way.

Lee

 

[leeboycymru]

<table width="100%" border="0" cellspacing="1" cellpadding="1">
<tr>
<td width="100" align="right" valign="top"><select name="hlist" class="hlist" onchange="swap(this.value)">
<option value="0">Hotels</option>
<option value="1">Activities</option>
</select></td>
<td width="5"><div id="lhotname" style="position:absolute; left:174px; top:36px; width:112px; height:24px; z-index: 2;"><input name="hotname" type="text" id="hotname" size="20" /></div>
<div id="lservices" style="position:absolute; left:174px; top:36px; width:112px; height:24px; z-index: 1;">
<select name="services" id="services">
<?php
$qu=mysql_query("select * from tbl_tematics ") or die (mysql_error());
while($ru=mysql_fetch_assoc($qu))
{
echo "<option value='$ru[Id_Tem]'>$ru[Nom_Tem]</option>";
}
?>
</select>
</div></td>
<td height="24" align="left" valign="top">&nbsp;</td>
</tr>
<tr>
<td align="right" valign="top" class="country">Country</td>
<td width="5">&nbsp;</td>
<td><select name="selectCountry" class="anywhere" onchange="fillregion(this.value)">
<option value="0">anywhere</option>
<?php
$r=mysql_query("select Id_Cntry, Nom_Cntry from tbl_countries");
while($q=mysql_fetch_assoc($r)){
?>
<option value="<?=$q['Id_Cntry']?>">
<?=$q['Nom_Cntry']?>
</option>
<?php } ?>
</select>
<!--<a href="countries.php" class="country">More Info </a> </td>--> </td>
</tr>
<tr>
<td align="right" valign="top" class="country">Region</td>
<td width="5">&nbsp;</td>
<td><select name="selectRegion" class="anywhere" >
<option value="0">anywhere</option>
</select></td>
</tr>
<tr>
<td align="right" valign="top" class="country">&nbsp;</td>
<td width="5">&nbsp;</td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="144"><select name="ratings" class="starrating" id="select16">
<option value="0">All
Rating</option>
<?php
$r=mysql_query("select Id_Cat, Nom_Cat from tbl_categories");
while($q=mysql_fetch_assoc($r)){
?>
<option value="<?=$q['Id_Cat']?>">
<?=$q['Nom_Cat']?>
</option>
<?php } ?>
</select></td>
<td><input name="image" type="image" src="images/go.jpg" alt="Go" width="57" height="29" border="0" /> </td>
</tr>
</table></td>
</tr>
<tr>
<td align="right" valign="top" class="country"></td>
<td width="5"></td>
<td><a href="advanced_search.php" class="advance">Advanced
Search Option</a> &nbsp;<a href="help.php" class="advance">&nbsp;Help</a></td>
</tr>
</table>

 

[Vragabond]

Google is your friend: [google]accessible css forms[/google].