Skocz do zawartości
Golan

Błednie wyświetlana tabela

Recommended Posts

Mam problem z tabelą html/css. Inne tabele sa ok, jednak ta coś nie chce wyświetlać się poprawnie.

W edytorze html (Wordpressa) jest wszystko OK, ale po opublikowaniu na stronie wyświetla się całkiem inaczej.

W edytorze wygląda ok: https://s20.postimg.cc/3spjegrzx/poradaonline.png
Jednak "live" wygląda źle: https://s20.postimg.cc/5x9wfkgrx/poradaonline.png


<table class="kolor1" style="width: 100%;" border="0">
<thead>
<tr>
<td style="text-align: left;" colspan="4" valign="middle" align="center"><span style="font-size: medium; color: #ffffff;"><strong>ELEMENTY ZŁĄCZNE</strong></span></td>
</tr>
<tr>
<td valign="middle" align="center"><span style="font-size: small;"> </span></td>
<td valign="middle" align="center"><span style="font-size: small; color: #000000;">opis</span></td>
<td valign="middle" align="center"><span style="font-size: small; color: #000000;">norma</span></td>
<td valign="middle" align="center"><span style="font-size: small; color: #000000;">dostępne rozmiary</span></td>
</tr>
</thead>
<tbody>
<tr>
<th style="border: 1px solid #ffffff;" rowspan="6" valign="middle" align="center"><span style="font-size: small;">śruby</span></th>
<td valign="middle" align="center"><span style="font-size: small;"> wkręt z łbem walcowym</span></td>
<td valign="middle" align="center"><span style="font-size: small;"> DIN 84, ISO 1207, PN 822215</span></td>
<td valign="middle" align="center"><span style="font-size: small;">M4-M64 L5-200[mm]</span></td>
</tr>
<tr>
<td valign="middle" align="center"><span style="font-size: small;">śruba imbusowa z łbem walcowanym z gniazdem sześciokątnym</span></td>
<td valign="middle" align="center"><span style="font-size: small;">DIN 912, ISO 4762, PN 82302</span></td>
<td valign="middle" align="center"><span style="font-size: small;">M4-M64 L5-200[mm]</span></td>
</tr>
<tr>
<td valign="middle" align="center"><span style="font-size: small;"> śruba z łbem sześciokatnym z gwintem cześciowym</span></td>
<td valign="middle" align="center"><span style="font-size: small;"> DIN 931, ISO 4014, PN 82101</span></td>
<td valign="middle" align="center"><span style="font-size: small;">M4-M64 L5-200[mm]</span></td>
</tr>
<tr>
<td valign="middle" align="center"><span style="font-size: small;"> śruba z łbem sześciokątnym z pełnym gwintem</span></td>
<td valign="middle" align="center"><span style="font-size: small;"> DIN 933, ISO 4017, PN 82105</span></td>
<td valign="middle" align="center"><span style="font-size: small;">M4-M64 L5-200[mm]</span></td>
</tr>
<tr>
<td valign="middle" align="center"><span style="font-size: small;">Śruby z łbem sześciokątnym z gwintem drobnozwojowym na całej długości trzpienia</span></td>
<td valign="middle" align="center"><span style="font-size: small;">DIN 961, ISO 86766, PN82105</span></td>
<td valign="middle" align="center"><span style="font-size: small;">M4-M64 L5-200[mm]</span></td>
</tr>
<tr>
<td valign="middle" align="center"><span style="font-size: small;"> wkręt z łbem stożkowym z przecięciem prostym</span></td>
<td valign="middle" align="center"><span style="font-size: small;"> DIN 963, ISO 2009, PN 82207</span></td>
<td valign="middle" align="center"><span style="font-size: small;">M4-M64 L5-200[mm]
</span></td>
</tr>
<tr>
<th style="background-color: #ffffff;" valign="middle" align="center"><span style="font-size: small;">nakrętki</span></th>
<td valign="middle" align="center"><span style="font-size: small;"> nakrętka sześciokątna</span></td>
<td valign="middle" align="center"><span style="font-size: small;"> DIN 934, ISO 4032, PN 82144</span></td>
<td colspan="2" valign="middle" align="center"><span style="font-size: small;">M4-M64</span></td>
</tr>
<tr>
<th rowspan="2" valign="middle" align="center"><span style="font-size: small;">podkładki</span></th>
<td valign="middle" align="center"><span style="font-size: small;">podkładka okragła zwykła</span></td>
<td valign="middle" align="center"><span style="font-size: small;">DIN 125, ISO 7089, PN 82006</span></td>
<td colspan="2" valign="middle" align="center"><span style="font-size: small;"> M4-M64</span></td>
</tr>
<tr>
<td valign="middle" align="center"><span style="font-size: small;">podkładka odginana dwułapkowa</span></td>
<td valign="middle" align="center"><span style="font-size: small;">DIN 463, PN 82022</span></td>
<td colspan="2" valign="middle" align="center"><span style="font-size: small;">M4-M64</span></td>
</tr>
<tr>
<th valign="middle" align="center"><span style="font-size: small;">pręty</span></th>
<td valign="middle" align="center"><span style="font-size: small;">pręt gwintowany</span></td>
<td valign="middle" align="center"><span style="font-size: small;">DIN 975</span></td>
<td colspan="2" valign="middle" align="center"><span style="font-size: small;">M4-M100 L1000[mm]</span><span style="font-size: small;">
</span></td>
</tr>
</tbody>
</table>

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Drugi obrazek nie chce się załadować, ale zakładam, że jakbyś zamienił

colspan="2"

 na

colspan="4"

 w ostatnich rzędach to tabela wyświetliłaby się poprawnie.

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Utwórz konto lub zaloguj się, aby skomentować

Musisz być użytkownikiem, aby dodać komentarz

Utwórz konto

Zarejestruj nowe konto na forum. To jest łatwe!

Zarejestruj nowe konto

Zaloguj się

Masz już konto? Zaloguj się.

Zaloguj się

×