+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: tabelka (/thread-tabelka)
tabelka - lesnynt - 18-10-2009
Witam czy ktoś mógłby powiedzieć jak zrobić taką tabelke w CSS. Chyba że jest na to jakis inny sposób
Wzór:
http://www.bytomski-hokej.pl/index.php?strona=kobiety_sklad
Z góry wielkie dzieki za pomoc
RE: tabelka - kancik - 18-10-2009
to kod tej tabelki tak !
Kod PHP:
<table class="tab_tabela" width="100%" border="0" cellpadding="0" cellspacing="1">
<tbody><tr class="tab_naglowek"><td width="7%" align="center"><b>Nr</b></td>
<td width="" align="left"><b>Zawodnik</b></td>
<td width="20%" align="center"><b>Pozycja</b></td>
<td width="20%" align="center"><b>Data urodzenia</b></td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Michalina Burzyńska</td>
<td align="center">bramkarz</td>
<td align="center">08.07.1990</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Aleksandra Frycz</td>
<td align="center">bramkarz</td>
<td align="center">03.01.1988</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Angelika Ryś</td>
<td align="center">bramkarz</td>
<td align="center">18.10.1989</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Karolina Siemicka</td>
<td align="center">bramkarz</td>
<td align="center">12.05.1992</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Agnieszka Bezrączko</td>
<td align="center">obrońca</td>
<td align="center">04.09.1989</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Patrycja Kołodziej</td>
<td align="center">obrońca</td>
<td align="center">02.03.1995</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Patrycja Sfora</td>
<td align="center">obrońca</td>
<td align="center">16.10.1993</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Ewa Syposz</td>
<td align="center">obrońca</td>
<td align="center">23.02.1969</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Ewelina Świerc</td>
<td align="center">obrońca</td>
<td align="center">31.05.1990</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Sandra Wawrzynowicz</td>
<td align="center">obrońca</td>
<td align="center">16.11.1989</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Aleksandra Winchór</td>
<td align="center">obrońca</td>
<td align="center">11.01.1993</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Magdalena Wojnarowicz</td>
<td align="center">obrońca</td>
<td align="center">27.05.1981</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Magdalena Augustyn</td>
<td align="center">napastnik</td>
<td align="center">17.03.1990</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Katarzyna Chrobaszczyk</td>
<td align="center">napastnik</td>
<td align="center">29.10.1991</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Magdalena Czaplik</td>
<td align="center">napastnik</td>
<td align="center">08.11.1991</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Katarzyna Dudek</td>
<td align="center">napastnik</td>
<td align="center">13.06.1973</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Anna Klama</td>
<td align="center">napastnik</td>
<td align="center">17.09.1989</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Ewa Kowalska</td>
<td align="center">napastnik</td>
<td align="center">06.10.1975</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Magdalena Łytek</td>
<td align="center">napastnik</td>
<td align="center">16.12.1986</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Magdalena Matysik</td>
<td align="center">napastnik</td>
<td align="center">30.03.1992</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Emilia Nowak</td>
<td align="center">napastnik</td>
<td align="center">12.09.1994</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Patrycja Pastwa</td>
<td align="center">napastnik</td>
<td align="center">22.03.1995</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Karolina Późniewska</td>
<td align="center">napastnik</td>
<td align="center">06.11.1991</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Patrycja Secemska</td>
<td align="center">napastnik</td>
<td align="center">12.06.1990</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Martyna Solorz</td>
<td align="center">napastnik</td>
<td align="center">09.01.1993</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Monika Suchanek</td>
<td align="center">napastnik</td>
<td align="center">28.08.1989</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Natalia Suchanek</td>
<td align="center">napastnik</td>
<td align="center">15.12.1995</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Aneta Syposz</td>
<td align="center">napastnik</td>
<td align="center">14.09.1993</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Sandra Tórz</td>
<td align="center">napastnik</td>
<td align="center">26.08.1993</td>
</tr>
</tbody></table>
Kod PHP:
<style type="text/css">
.tab_tabela {margin-bottom: 20px; border: solid #133984 1px}
.tab_naglowek td {height: 20px; background-color: #133984 !important; color: white; padding: 0px !important}
.tab_naglowek td b {padding-left: 7px; padding-right: 7px; white-space: nowrap}
.tab_tabela td {font-size: 12px; padding: 1px; padding-left: 7px; padding-right: 7px}
.tab_tabela td a {font-weight: bold; display: block}
.tab_tabela .tab_tr0 td {background-color: #DCE6FA}
.tab_tabela .tab_tr1 td {background-color: #EDF2FD}
.tabela_sklad {}
.tabela_sklad .ts_opis {vertical-align: top; width: 120px; text-align: right; font-size: 11px; font-style: italic; padding-top: 6px; color: #133984}
.tabela_sklad .ts_wart {vertical-align: top; font-weight: bold; padding-left: 15px; padding-top: 4px}
</style>
czyli całość to
Kod PHP:
<style type="text/css">
.tab_tabela {margin-bottom: 20px; border: solid #133984 1px}
.tab_naglowek td {height: 20px; background-color: #133984 !important; color: white; padding: 0px !important}
.tab_naglowek td b {padding-left: 7px; padding-right: 7px; white-space: nowrap}
.tab_tabela td {font-size: 12px; padding: 1px; padding-left: 7px; padding-right: 7px}
.tab_tabela td a {font-weight: bold; display: block}
.tab_tabela .tab_tr0 td {background-color: #DCE6FA}
.tab_tabela .tab_tr1 td {background-color: #EDF2FD}
.tabela_sklad {}
.tabela_sklad .ts_opis {vertical-align: top; width: 120px; text-align: right; font-size: 11px; font-style: italic; padding-top: 6px; color: #133984}
.tabela_sklad .ts_wart {vertical-align: top; font-weight: bold; padding-left: 15px; padding-top: 4px}
</style>
<table class="tab_tabela" width="100%" border="0" cellpadding="0" cellspacing="1">
<tbody><tr class="tab_naglowek"><td width="7%" align="center"><b>Nr</b></td>
<td width="" align="left"><b>Zawodnik</b></td>
<td width="20%" align="center"><b>Pozycja</b></td>
<td width="20%" align="center"><b>Data urodzenia</b></td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Michalina Burzyńska</td>
<td align="center">bramkarz</td>
<td align="center">08.07.1990</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Aleksandra Frycz</td>
<td align="center">bramkarz</td>
<td align="center">03.01.1988</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Angelika Ryś</td>
<td align="center">bramkarz</td>
<td align="center">18.10.1989</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Karolina Siemicka</td>
<td align="center">bramkarz</td>
<td align="center">12.05.1992</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Agnieszka Bezrączko</td>
<td align="center">obrońca</td>
<td align="center">04.09.1989</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Patrycja Kołodziej</td>
<td align="center">obrońca</td>
<td align="center">02.03.1995</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Patrycja Sfora</td>
<td align="center">obrońca</td>
<td align="center">16.10.1993</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Ewa Syposz</td>
<td align="center">obrońca</td>
<td align="center">23.02.1969</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Ewelina Świerc</td>
<td align="center">obrońca</td>
<td align="center">31.05.1990</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Sandra Wawrzynowicz</td>
<td align="center">obrońca</td>
<td align="center">16.11.1989</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Aleksandra Winchór</td>
<td align="center">obrońca</td>
<td align="center">11.01.1993</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Magdalena Wojnarowicz</td>
<td align="center">obrońca</td>
<td align="center">27.05.1981</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Magdalena Augustyn</td>
<td align="center">napastnik</td>
<td align="center">17.03.1990</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Katarzyna Chrobaszczyk</td>
<td align="center">napastnik</td>
<td align="center">29.10.1991</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Magdalena Czaplik</td>
<td align="center">napastnik</td>
<td align="center">08.11.1991</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Katarzyna Dudek</td>
<td align="center">napastnik</td>
<td align="center">13.06.1973</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Anna Klama</td>
<td align="center">napastnik</td>
<td align="center">17.09.1989</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Ewa Kowalska</td>
<td align="center">napastnik</td>
<td align="center">06.10.1975</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Magdalena Łytek</td>
<td align="center">napastnik</td>
<td align="center">16.12.1986</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Magdalena Matysik</td>
<td align="center">napastnik</td>
<td align="center">30.03.1992</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Emilia Nowak</td>
<td align="center">napastnik</td>
<td align="center">12.09.1994</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Patrycja Pastwa</td>
<td align="center">napastnik</td>
<td align="center">22.03.1995</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Karolina Późniewska</td>
<td align="center">napastnik</td>
<td align="center">06.11.1991</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Patrycja Secemska</td>
<td align="center">napastnik</td>
<td align="center">12.06.1990</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Martyna Solorz</td>
<td align="center">napastnik</td>
<td align="center">09.01.1993</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Monika Suchanek</td>
<td align="center">napastnik</td>
<td align="center">28.08.1989</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Natalia Suchanek</td>
<td align="center">napastnik</td>
<td align="center">15.12.1995</td>
</tr>
<tr class="tab_tr1"><td align="center"> </td>
<td align="left">Aneta Syposz</td>
<td align="center">napastnik</td>
<td align="center">14.09.1993</td>
</tr>
<tr class="tab_tr0"><td align="center"> </td>
<td align="left">Sandra Tórz</td>
<td align="center">napastnik</td>
<td align="center">26.08.1993</td>
</tr>
</tbody></table>