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 ;]

[viking]

Raczej nie ten dział. Szukaj z "praca" w nazwie i przygotuj odpowiednią zapłatę.

[Damonsson]

Na upartego można to podpiąć pod dane tabelaryczne, więc zostaw, albo zleć komuś. Bo sporo z tym zabawy.

Dreamweaver wypluwa coś takiego:

[HTML] pobierz, plaintext 
<div id="apDiv1" style="position: absolute; left: 14px; top: 18px; width: 32px; height: 40px; z-index: 1; text-align: center; vertical-align: middle"><u>Moc</u></div>
<div id="apDiv2" style="position: absolute; left: 50px; top: 18px; width: 49px; height: 40px; z-index: 2; text-align: center; vertical-align: middle"><u>Poziom Mocy</u></div>
<div id="apDiv3" style="position: absolute; left: 103px; top: 18px; width: 105px; height: 40px; z-index: 3; vertical-align: middle"><u>Opis Mocy</u></div>
<div id="apDiv4" style="position: absolute; left: 14px; top: 60px; width: 32px; height: 38px; z-index: 4; vertical-align: middle"><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></div>
<div id="apDiv5" style="position: absolute; left: 50px; top: 60px; width: 49px; height: 38px; z-index: 5; vertical-align: middle"><?=$skill_level_img; ?></div>
<div id="apDiv6" style="position: absolute; left: 107px; top: 60px; width: 97px; height: 38px; z-index: 6; vertical-align: middle"><?=$skill->skill_description; ?></div>
[HTML] pobierz, plaintext 

Może coś się przyda.

Ten post edytował Damonsson 14.09.2012, 01:30:00