[html][css]porządek Opcje

[olszam]

to raczej jak prośba ale czy mógłby mi ktoś jakoś to ładnie uporządkować te opcje do mojej wyszukiwarki najlepiej jakby ktoś by mi się pozbył tych tabel i było jakoś ładnie ułożone

[HTML] pobierz, plaintext 
<table cellpadding="1" border="1">
<tr>
<td>
<input type="checkbox" name="ch1" value="ch1" />Zawodnicy<br />
</td>
<td>
<input type="checkbox" name="ch2" value="ch2" />Trenerzy
</td>
<td>
<input type="checkbox" name="ch3" value="ch3" />DaneZawody
</td>
<td>
<input type="checkbox" name="ch4" value="ch4" />Zawody
</td>
</tr>
<tr>
<td>
Data
<input type="radio" name="rad1" value="zawodnik.dataurodzenia ASC" checked="checked" />rosnąco
<input type="radio" name="rad1" value="zawodnik.dataurodzenia DESC"  />malejąco<br />
<input type="checkbox" name="data" value="data" />data od...do<br />
<input type="text"  name="datap" value="rrrr-mm-dd"/>początkowa data<br />
<input type="text"  name="datak" value="rrrr-mm-dd"/>końcowa data<br />
Imie
<input type="radio" name="rad1" value="zawodnik.imiezawodnik ASC"  />rosnąco
<input type="radio" name="rad1" value="zawodnik.imiezawodnik DESC"  />malejąco<br />
Nazwisko
<input type="radio" name="rad1" value="zawodnik.nazwiskozawodnik ASC" />rosnąco
<input type="radio" name="rad1" value="zawodnik.nazwiskozawodnik DESC"  />malejąco<br />
Kraj
<input type="radio" name="rad1" value="zawodnik.krajzawodnik ASC"  />rosnąco
<input type="radio" name="rad1" value="zawodnik.krajzawodnik DESC"  />malejąco<br />
Płeć
<input type="radio" name="rad1" value="zawodnik.pleczawodnik ASC"  />rosnąco
<input type="radio" name="rad1" value="zawodnik.pleczawodnik DESC"  />malejąco
</td>
<td>
Imie
<input type="radio" name="rad2" value="trener.imietrener ASC"  checked="checked"/>rosnąco
<input type="radio" name="rad2" value="trener.imietrener DESC"  />malejąco<br />
Nazwisko
<input type="radio" name="rad2" value="trener.nazwiskotrener ASC" />rosnąco
<input type="radio" name="rad2" value="trener.nazwiskotrener DESC"  />malejąco<br />
Kraj
<input type="radio" name="rad2" value="trener.krajtrener ASC"  />rosnąco
<input type="radio" name="rad2" value="trener.krajtrener DESC"  />malejąco<br />
Płeć
<input type="radio" name="rad2" value="trener.plectrener ASC"  />rosnąco
<input type="radio" name="rad2" value="trener.plectrener DESC"  />malejąco
</td>
<td>
Data
<input type="radio" name="rad3" value="danezawody.datazawodow ASC "checked="checked" />rosnąco
<input type="radio" name="rad3" value="danezawody.datazawodow DESC"  />malejąco<br />
<input type="checkbox" name="data1" value="data" />data od...do<br />
<input type="text"  name="datap1" value="rrrr-mm-dd"/>początkowa data<br />
<input type="text"  name="datak1" value="rrrr-mm-dd"/>końcowa data<br />
Faza
<input type="radio" name="rad3" value="danezawody.faza ASC"  />rosnąco
<input type="radio" name="rad3" value="danezawody.faza DESC"  />malejąco<br />
Turniej
<input type="radio" name="rad3" value="danezawody.rodzajzawodow ASC" />rosnąco
<input type="radio" name="rad3" value="danezawody.rodzajzawodow DESC"  />malejąco<br />
Miasto
<input type="radio" name="rad3" value="danezawody.miejscezawodow ASC"  />rosnąco
<input type="radio" name="rad3" value="danezawody.miejscezawodow DESC"  />malejąco<br />
</td>
<td>
Data
<input type="radio" name="rad4" value="danezawody.datazawodow ASC "checked="checked" />rosnąco
<input type="radio" name="rad4" value="danezawody.datazawodow DESC"  />malejąco<br />
<input type="checkbox" name="data2" value="data" />data od...do<br />
<input type="text"  name="datap2" value="rrrr-mm-dd"/>początkowa data<br />
<input type="text"  name="datak2" value="rrrr-mm-dd"/>końcowa data<br />
Faza
<input type="radio" name="rad4" value="danezawody.faza ASC"  />rosnąco
<input type="radio" name="rad4" value="danezawody.faza DESC"  />malejąco<br />
Turniej
<input type="radio" name="rad4" value="danezawody.rodzajzawodow ASC" />rosnąco
<input type="radio" name="rad4" value="danezawody.rodzajzawodow DESC"  />malejąco<br />
Miasto
<input type="radio" name="rad4" value="danezawody.miejscezawodow ASC"  />rosnąco
<input type="radio" name="rad4" value="danezawody.miejscezawodow DESC"  />malejąco<br />
Trener
<input type="radio" name="rad4" value="trener.imietrener ASC"  />rosnąco
<input type="radio" name="rad4" value="trener.imietrener DESC"  />malejąco<br />
Zawodnik
<input type="radio" name="rad4" value="zawodnik.imiezawodnik ASC"  />rosnąco
<input type="radio" name="rad4" value="zawodnik.imiezawodnik DESC"  />malejąco<br />
<input type="checkbox" name="skokch" value="skokch" />
<input type="text"  name="skok" value="800"/>cm<br />
<input type="radio" name="por" value=">"  /> ">"
<input type="radio" name="por" value="<"  /> "<"
<input type="radio" name="por" value=">="  /> ">="
<input type="radio" name="por" value="<="  /> "<="
<input type="radio" name="por" value="="  /> "="<br />
(wybrać jeden z operatorów jeśli<br /> chcesz prównać daną odległość)<br />
Skok1<input type="radio" name="rad4" value="zawody.skok1 ASC"  />rosnąco
<input type="radio" name="rad4" value="zawody.skok1 DESC"  />malejąco<br />
Skok2<input type="radio" name="rad4" value="zawody.skok2 ASC"  />rosnąco
<input type="radio" name="rad4" value="zawody.skok2 DESC"  />malejąco<br />
Skok3<input type="radio" name="rad4" value="zawody.skok3 ASC"  />rosnąco
<input type="radio" name="rad4" value="zawody.skok3 DESC"  />malejąco<br />
Najdłuższy Skok<input type="radio" name="rad4" value="zawody.najdluzszyskok ASC"  />rosnąco
<input type="radio" name="rad4" value="zawody.najdluzszyskok DESC"  />malejąco<br />
</td>
</tr>
</table>
<input type="submit" value="znajdź" name="znajdz" />
[HTML] pobierz, plaintext