Stránka 1 z 1

Rada s tabulkou v HTML

Napsal: 22 lis 2015 17:17
od FreemanG
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:

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% }

Re: Rada s tabulkou v HTML

Napsal: 22 lis 2015 17:26
od x-rated
spojení dvou buněk do jedný se dělá přes html atribut colspan="2"
a rovnou můžeš umazat ten nějakej pochybnej atribut bgcolor, pak tam máš nelogicky dva spany v sobě

Re: Rada s tabulkou v HTML

Napsal: 22 lis 2015 17:52
od FreemanG
Díky,
napsal jsem to takto

Kód: Vybrat vše

<td colspan="2" bgcolor="424242">

Ten bgcolor je tam pro mě důležitej :)

Re: Rada s tabulkou v HTML

Napsal: 22 lis 2015 18:08
od x-rated
bgcolor je invalidní atribut, pokud to má nastavit barvu pozadí, je třeba zapsat style="background: #424242;"