[HTML] Problem z szerokością tabeli

[Ratyko]

Witam

Oto, jak wygląda mój problem:

http://www.sro.bee.pl/viewpage.php?page_id=2

Jak widać, tabele "Opis", "Typ", i "Wymagania" są zależne od długości opisu skilla, a chcę, żeby wielkość tych tabel była stała. Co zrobić, żeby tak było? Załączam kod jednego skilla.

Kod: Zaznacz cały

<br /> <table border="1"  align ="center" cellspacing="0" cellpadding="5" width="95%" style="border-collapse: collapse" bgcolor="#ffffff" bordercolor="#cdcdcd">  <tbody> <tr> <td colspan="5" align="center"><b>Strike n' smash</b></td> </tr> <tr> <td bgcolor="#525552"> <div align="center"><b>Opis</b></div></td> <td colspan="5">Podnieś miecz, wykonaj obrót i zamachnij się. Jest to pierwszy atak, jakiego uczą się wszyscy, którzy rozpoczynają naukę w Bicheońskiej Szkole Miecza.</td></tr>
<tr> <td bgcolor="#525552"> <div align="center"><b>Typ</b></div></td> <td colspan="5">Atak</td> </tr> <tr> <td bgcolor="#525552"> <div align="center"><b>Wymagania</b></div></td> <td colspan="5">---</td></tr> <tr> <td bgcolor="#525552"> <div align="center"><b>Level Skilla</b></div></td> <td width="35" bgcolor="#525552"> <div align="center"><b>Level Mastery</b></div></td>  <td width="60" bgcolor="#525552"> <div align="center"><b>Koszt MP</b></div></td> <td width="209" bgcolor="#525552"> <div align="center"><b>Działanie</b></div></td> <td colspan="2" bgcolor="#525552"> <div align="center"><b>Skill Pointy</b></div></td></tr> <tr> <td> <div align="center">1</div></td> <td> <div align="center">5</div></td> <td>  <div align="center">19</div></td> <td> <div align="center">15~18 </div></td> <td colspan="2"> <div align="center">2</div></td></tr> <tr> <td> <div align="center">2</div></td> <td> <div align="center">7</div></td> <td> <div align="center">24</div></td>  <td> <div align="center">18~22 </div></td> <td colspan="2"> <div align="center">5</div></td></tr> <tr> <td> <div align="center">3</div></td> <td> <div align="center">9</div></td> <td> <div align="center">28</div></td> <td>  <div align="center">21~26 </div></td> <td colspan="2"> <div align="center">7</div></td></tr> <tr> <td> <div align="center">4</div></td> <td> <div align="center">11</div></td> <td> <div align="center">33</div></td> <td> <div align="center">25~30 </div></td>  <td colspan="2"> <div align="center">12</div></td></tr> <tr> <td> <div align="center">5</div></td> <td> <div align="center">13</div></td> <td> <div align="center">38</div></td> <td> <div align="center">29~35 </div></td> <td colspan="2">  <div align="center">18</div></td></tr> <tr> <td> <div align="center">6</div></td> <td> <div align="center">15</div></td> <td> <div align="center">44</div></td> <td> <div align="center">33~40</div></td> <td colspan="2"> <div align="center">24</div></td></tr>  <tr> <td> <div align="center">7</div></td> <td> <div align="center">17</div></td> <td> <div align="center">49</div></td> <td> <div align="center">37~45 </div></td> <td colspan="2"> <div align="center">35</div></td></tr> <tr>  <td> <div align="center">8</div></td> <td> <div align="center">19</div></td> <td> <div align="center">56</div></td> <td> <div align="center">42~51 </div></td> <td colspan="2"> <div align="center">47</div></td></tr> <tr> <td>  <div align="center">9</div></td> <td> <div align="center">21</div></td> <td> <div align="center">62</div></td> <td> <div align="center">47~57</div></td> <td colspan="2"> <div align="center">62</div></td></tr> <tr> <td colspan="4"> <div align="center">Całkowity koszt SP</div></td>  <td colspan="2"> <div align="center">212</div></td></tr></tbody></table>

[daroPL]

Spróbowałeś do <td bgcolor="#525552"> dodać width="x"?
Po za tym ten kod to jakaś kaszana, w wierszach nie wiem po co są poupychane divy i do tego strasznie to nieczytelne (kod). Stosuj formatowanie przy takim kodzie.

[Ratyko]

daro, czyli jak by to ogólnie wyglądało?

[daroPL]

Najpierw sformatuj ten kod (wcięcia itd.) przed wrzuceniem go tutaj i pousuwaj wszystkie divy, a tam gdzie one występowały do kolumn dodaj align="center".

[Ratyko]

Kod: Zaznacz cały

<br /> <table border="1" align ="center" cellspacing="0" cellpadding="5" width="95%" style="border-collapse: collapse" bgcolor="#ffffff" bordercolor="#cdcdcd"> <tbody> <tr> <td colspan="5" align="center"> <b>Strike n' smash</b></td> </tr> <tr> <td bgcolor="#525552" align="center" width="100"
><b>Opis</b></td> <td colspan="5">Podnieś miecz, wykonaj obrót i zamachnij się. Jest to pierwszy atak, jakiego uczą się wszyscy, którzy rozpoczynają naukę w Bicheońskiej Szkole Miecza .</td></tr>
<tr> <td bgcolor="#525552" align="center" width="100"> <b>Typ</b></td> <td colspan="5">Atak</td> </tr> <tr> <td bgcolor="#525552"align="center" width="100"> <b>Wymagania</b></td> <td colspan="5">---</td></tr> <tr> <td bgcolor="#525552"align="center" width="100"> <b>Level Skilla</b></td> <td width="35" bgcolor="#525552"align="center"> <b>Level Mastery</b></td> <td width="60" bgcolor="#525552"> <div align="center"><b>Koszt MP</b></div></td> <td width="209" bgcolor="#525552"> <div align="center"><b>Działanie</b></div></td> <td colspan="2" bgcolor="#525552"align="center"> <b>Skill Pointy</b></td></tr> <tr> <td align="center"> 1</td> <td align="center"> 5</td> <td align="center"> 19</td> <td align="center"> 15~18 </td> <td colspan="2" align="center"> 2</td></tr> <tr> <td> 2</div></td> <td align="center"> 7</td> <td align="center"> 24</td> <td align="center"> 18~22 </td> <td colspan="2" align="center"> 5</td></tr> <tr> <td align="center"> 3</td> <td align="center"> 9</td> <td align="center"> 28</td> <td align="center"> 21~26 </td> <td colspan="2" align="center"> 7</td></tr> <tr> <td align="center"> 4</td> <td align="center"> 11</td> <td align="center"> 33</td> <td align="center"> 25~30 </td> <td colspan="2" align="center"> 12</td></tr> <tr> <td align="center"> 5</td> <td align="center"> 13</td> <td align="center"> 38</td> <td align="center"> 29~35 </td> <td colspan="2" align="center"> 18</td></tr> <tr> <td align="center"> 6</td> <td align="center"> 15</td> <td align="center"> 44</td> <td align="center"> 33~40</td> <td colspan="2" align="center"> 24</td></tr> <tr> <td align="center"> 7</td> <td align="center"> 17</td> <td align="center"> 49</td> <td align="center"> 37~45 </td> <td colspan="2" align="center"> 35</td></tr> <tr> <td align="center"> 8</td> <td align="center"> 19</td> <td align="center"> 56</td> <td align="center"> 42~51</td> <td colspan="2" align="center"> 47</td></tr> <tr> <td align="center"> 9</td> <td align="center"> 21</td> <td align="center"> 62</td> <td align="center"> 47~57</td> <td colspan="2" align="center"> 62</td></tr> <tr> <td colspan="4" align="center"> Całkowity koszt SP</td> <td colspan="2" align="center"> 212</td></tr></tbody></table>

Czy tak ma to wyglądać?

P.S. Druga sprawa, zauważyłem, że tabelka z napisem Smashing Series też zmienia szerokość w zależności od długości opisu.