Przerobienie z <table> na <div> Opcje

[MisieQHBA]

Witajcie, mam do was gorącą prośbe o przerobienie struktóry z <table> na <div> powód? kod ten byl pisany prawie 5 czy nawet więcej lat temu i jest dośc chaotyczny :/

tak wygląda oryginalnie stronka na tabelach
(IMG:http://screenshooter.net/data/uploads/ub/wn/lvoa.jpg)

po mojej jakże daremnej próbie przerobienia na divy wygląda tak (IMG:style_emoticons/default/tongue.gif)
(IMG:http://screenshooter.net/data/uploads/mb/ot/uwxl.jpg)

Zamieszczam wam tutaj czysty kod tzn ten ktory jest oparty na tabelkach (IMG:style_emoticons/default/tongue.gif)

[PHP] pobierz, plaintext 
<table>
							<tr>
								<td align="center" style="padding-bottom: 5px;"><u>Moc</u></td>
								<td align="center"><u>Poziom Mocy</u></td>
								<td width="60%"><u>Opis Mocy</u></td>
							</tr>
						<?php
 
							// Get the skills for this race
							$skills = getSkillsByRace( $p_race_data[$i]->race_id );
 
							foreach( $skills as $skill )
							{
								// Figure out what the skill level is so we can determine the appropriate image!
								$skill_level = isset( $p_skill_data[$skill->skill_id] ) ? $p_skill_data[$skill->skill_id] : 0;
 
								// Trainable skill
								if ( $skill->skill_type == 1 )
								{
									$skill_level_img = "<img src=\"images/level" . $skill_level . ".gif\" alt=\"Poziom $skill_level\" title=\"Poziom $skill_level\">";
								}
 
								// Passive skill
								else if ( $skill->skill_type == 2 )
								{
									$skill_level_img = "<img src=\"images/passive" . $race_level . ".gif\"  alt=\"Poziom $race_level\" title=\"Poziom $race_level\">";
									$skill->skill_description = "Passive, $skill->skill_description";
								}
 
								// Ultimate
								else if ( $skill->skill_type == 3 )
								{
									$skill_level_img = "<img src=\"images/ultimate" . $skill_level . ".gif\"  alt=\"Poziom $skill_level\" title=\"Poziom $skill_level\">";
									$skill->skill_description = "Ultimate, $skill->skill_description";
								}
 
						?>
							<tr>
								<td style="padding-top: 5px;">
									<center>
										<img src="images/war3ft/<?=$skill->skill_id; ?>.gif" alt="<?=$skill->skill_name; ?>" title="<?=$skill->skill_name; ?>"><br>
										<span class="text-small">
											<?=$skill->skill_name; ?>
										</span>
									</center>
								</td>
								<td><?=$skill_level_img; ?></td>
								<td style="padding:5px; text-align: left;"><?=$skill->skill_description; ?></td>
							</tr>
						<?php	
							}
						?>
						</table>
[PHP] pobierz, plaintext 

Pozdrawiam i gorąco licze na wasza pomoc ;]