NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.

Diskuze: CSS in html table

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
Daniel Vodák
Člen
Avatar
Daniel Vodák:20.11.2017 16:52

Ahoj.
Dokážete mi prosím poradit jak pomocí CSS změnit barvu pozadí řádku v tabulce.
Jedná se mi o to, že bych chtěl změnit pozadí např. v 2, 3, 7, 9, 14, 17 řádku atd.
Viz přiložený obrázek pro danou tabulku, ve které chci měnit pozadí.
Děkuji za pomoc.

 
Odpovědět
20.11.2017 16:52
Avatar
Peter Sciranka
Tvůrce
Avatar
Peter Sciranka:20.11.2017 18:07

Ahoj, najlepšie asi bude, ak riadkom tabuľky, ktorým chceš zmeniť farbu pozadia, tak im do tagu <tr> pridáš class a následne tu class naštýluješ v CSS, príklad:

<table>
       <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Savings</th>
    </tr>
    <tr>
        <td>Peter</td>
        <td>Griffin</td>
        <td>$100</td>
    </tr>
    <tr class="colored">
        <td>Lois</td>
        <td>Griffin</td>
        <td>$150</td>
    </tr>
</table>

a v CSS:

.colored{
    background: red;
    color: white;
}

V tomto prípade bude daný riadok s červeným pozadím a bielym textom.
Ak by si chcel každý riadok s iným pozadím, tak to musíš takto spraviť pre každý riadok a každému priradiť iný class (resp. ID) a potom každý class (resp. ID) naštýlovať v CSS.
Stačí ti to takto?

Editováno 20.11.2017 18:08
Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
20.11.2017 18:07
Act as if it was Impossible to Fail
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.