Kupte si prémiovou propagaci a toto místo bude vaše.
Zobrazují se odpovědi 1 až 3 z 3

Proč se mi neobarví řádek v tabulce?

  1. Dobrý den, mám tabulku a pomocí CSS3 a přikazu nth-child chci mít ob řádek jinou barvu tabulky. CSS
    Kód:
    table#even tr td {background-color: #fff;} 
    table#even tr:nth-child(odd) {background:#aaa;}
    table#even tr:nth-child(even) {background: #aaafff;}
    a tabulka
    Kód:
    <table id='even' width='570px'>
                     <tr class='f1'><td>Hodnota</td><td>Hodnota2</td><td>Hodnota3</td></tr>
                     <tr><td>radek2Hodnota</td><td>radek2Hodnota2</td><td>radek2Hodnota3</td></tr>
                     <tr><td>radekHodnota</td><td>radek3Hodnota2</td><td>radek3Hodnota3</td></tr>
                    </table>
    Přidám-li do CSS td, obarví se mi sloupce. Já však chci řádky.
    Kód:
    table#even tr td:nth-child(odd) {background:#aaa;}
    table#even tr td:nth-child(even) {background: #aaafff;}
    Kdo mi pomůže? Děkuji.

    Nyní jsem tento zdroják hodil do čistého CSS souboru a tam to jede jak má. Co by mě mohlo blokovat ve stávajícím? Jsou zde jak pro table, tr, td nastavené parametry, ale je to skoro 400 řádku. V tom hledat je složitější.
    Naposledy upravil ondra15 : 10.09.2013 v 14:52

  2. Co se právě děje na Webtrhu?
  3. Mas prehodene css selectory. Takto by to malo byt, ak chces mat odlisene riadky.
    Kód:
    table#even tr:nth-child(odd) td {background:#aaa;}
    table#even tr:nth-child(even) td {background: #aaafff;}
    Vid: http://jsfiddle.net/GE4Hy/

  4. Děkuji za nakopnutí:-)

Hostujeme u Server powered by TELE3