Rada s tabulkou v HTML
Napsal: 22 lis 2015 17:17
Ahoj, potřebuji udělat HTML tabulku na svůj web, základ co potřebuji už mám napsanej a část finálního vzhledu tabulky mám napsanej v CSS. V prvním řádku mám Nadpisy sloupců, ale potřeboval bych udělat Jeden nadpis přes dva sloupce a nikde nemůžu najít jak na to. Za rady budu vděčnej, díky :)
HTML kód tabulky:
CSS:
HTML kód tabulky:
Kód: Vybrat vše
<table class="tabulka">
<tbody>
<tr>
<td style="text-align: left;" bgcolor="424242"></td>
<td bgcolor="424242"><strong><span style="color: #ffffff;"><span style="font-size: medium;">Jméno a příjmení</span></span></strong></td>
<td bgcolor="424242"><strong><span style="color: #ffffff;"><span style="font-size: medium;">Narozen/a</span></span></strong></td>
<td bgcolor="424242"><strong><span style="color: #ffffff;"><span style="font-size: medium;">Členem od</span></span></strong></td>
</tr>
<tr>
<td><span style="color: #000000;">Poradi</span></td>
<td><span style="color: #000000;">Jmeno</span></td>
<td><span style="color: #000000;">Datum</span></td>
<td><span style="color: #000000;">Datum</span></td>
</tr>
</tbody>
</table>
CSS:
Kód: Vybrat vše
/*------Tabulka>CLASS
---------------------------------*/
.tabulka td { border-width: 1px; border-style: solid; border-color: #424242; color: black;}
.tabulka td a { color: #00706D; }
.tabulka td a:hover { text-decoration: none; transition: 0.4s ease; color: #00AE2C}
.tabulka { width: 100% }