Autor Zpráva
benawof
Profil *
Ahoj dotaz, dát řádku tabulky stejnou barvu třeba red, ale kód umístit jenom na začátek před první buňku a ne před každou buňku zvlášť, nechá se to předem díky;)
pcmanik
Profil
benawof:
Aj keď som si to tri krát prečítal nepochopil som čo vlastne chceš. Ale zrejme to nebude problém vyriešiť cez CSS.
margin
Profil *
Co to brání pomocí CSS nastylovat řádky tabulky?
kód http://kod.djpw.cz/kkc
ukázka http://kod.djpw.cz/kkc-
Pátý řádek není záměně nastylován a proto zůstal černý.

Doporučuji k přečtení:
CSS (tipuji, že ti chybí základy CSS)
http://jecas.cz/stylovani-tabulky
http://jecas.cz/css-selektory#n-ty-potomek (to je "vyččí dívcí", ale na stránce najdeš všechny CSS 3 selektory)
Sir Tom
Profil
benawof:
Ahoj, já nepochopit co rád bys. Zkus problém třeba ty napsat lépeji;)
benawof
Profil *
<html>
<head>
  <meta content="text/html; charset=windows-1250"
 http-equiv="content-type">
  <title></title>
</head>
<body>
<table style="text-align: left; width: 100%;" border="1"
 cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td style="text-align: center; background-color: rgb(255, 0, 0);">1</td><td style="text-align: center; background-color: rgb(255, 0, 0);">2</td><td style="text-align: center; background-color: rgb(255, 0, 0);">3</td><td style="text-align: center; background-color: rgb(255, 0, 0);">4</td>
    </tr>
    <tr>
      <td style="text-align: center; background-color: rgb(51, 102, 255);">5</td><td style="text-align: center; background-color: rgb(51, 102, 255);">6</td><td style="text-align: center; background-color: rgb(51, 102, 255);">7</td><td style="text-align: center; background-color: rgb(51, 102, 255);">8</td>
    </tr>
  </tbody>
</table>
<br>
</body>
</html>


jednoduchá ukázka jak to vypadá, ale potřebuju ten kód který ovlivní barvu pozadí vložit jenom jednou a na začátek (před první buňku) ne před každou buňku zvlášť...
margin
Profil *
Ještě jednou se zeptám, co ti brání deklarovat styl pro řádek tabulky TR?

Možná, že jsi nepochopil mou nekomentovanou ukázku, používá čtyři různé možnosti, jak deklarovat CSS řádku tabulky. Stačí si vybrat jednu možnost, která ti vyhovuje a deklarovat pro řádek tabulky tebou požadované CSS vlastnosti.
peta
Profil
Nebo ti muzu dat silene slozity priklad na stylovani tabulek :)
http://mlich.zam.slu.cz/navody/html/tabulky.htm
benawof
Profil *
v tomhle případě to šlape:
<div class=live>
<style>
.pozadi {background: lime}
</style>

<table>
    
    <tr class='pozadi'>
        <td>Text</td>
        <td>Text</td>
        <td>Text</td>
        <td>Text</td>
    </tr>
    <style>
.pozadi {background: red}
</style>
    <tr class='pozadi'>
        <td>Text</td>
        <td>Text</td>
        <td>Text</td>
        <td>Text</td>
    </tr>
        <style>
.pozadi {background: rgb(255,255,0)}
</style>
    <tr class='pozadi'>
        <td>Text</td>
        <td>Text</td>
        <td>Text</td>
        <td>Text</td>
    </tr>
</table>
</div>


Ale jak to dostat sem to netušim:( předem díky za radu
                    <center>                                                        
                    <meta http-equiv="content-type" content="text/html; charset=UTF-8">                                                        
                    <link rel="stylesheet" type="text/css" href="/css/result-light.css">                                                        
                    <style type='text/css'>                                                        
                    table {border-collapse:collapse;}                                                        
                    th.col {font-weight: normal;text-align: right;}                                                        
                    th.group {vertical-align: bottom;}                                                        
                    th.row {font-weight: normal;text-align: left;height: 12em;vertical-align: bottom;}                                                        
                    th div.vertical {position: relative;-moz-transform:rotate(-90deg);-moz-transform-origin: bottom left;-webkit-transform: rotate(-90deg);-webkit-transform-origin: bottom left;-o-transform: rotate(-90deg);-o-transform-origin: bottom left;transform: rotate(-90deg);transform-origin: bottom left;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}                                                        
                    th div.vertical div {position: absolute;top: 16px;}                                                        
                    td, th {border: 1px solid black;}                                                        
                    td {background-color: white;text-align: center;}                                                        
                    td.blank {background-color: transparent;}                                                        
                    </style>                                                        
                    <table>                                                        
<tr><th style="width:50px;" class="group">        </th><th style="width:200px;" class="row"><center><b>    KOLO    </th><th style="width: 50px;" class="row"> <div class="vertical"><div><b>    ZÁPASY    </th><th style="width: 50px;" class="row"> <div class="vertical"><div><b>    VÝHRY    </th><th style="width: 50px;" class="row"> <div class="vertical"><div><b>    VÝHRY&nbsp;V&nbsp;PR    </th><th style="width: 50px;" class="row"> <div class="vertical"><div><b>    PROHRY&nbsp;V&nbsp;PR    </th><th style="width: 50px;" class="row"> <div class="vertical"><div><b>    PROHRY    </th><th style="width: 50px;" class="row"> <div class="vertical"><div><b>        SKÓRE         </th><th style="width: 50px;" class="row"> <div class="vertical"><div><b>    BODY
<tr><th style="height: 25px;" th bgcolor="lime" class="col">    1.    </td><td  style="text-align: right; background-color:lime">    BŘEZEN    </center></td><td style="background-color:lime"><center>    1    </center></td><td style="background-color:lime"><center>    0    </center></td><td style="background-color:lime"><center>    0    </center></td><td style="background-color:lime"><center>    0    </center></td><td style="background-color:lime"><center>    1    </center></td><td style="background-color:lime"><center>    3    :    5    </center></td><td style="background-color:lime"><center>    0
                    </table>                                                        
                    </center>    
Trejpa
Profil
benawof:
Stačí používat třídy normálně, k odlišení různých stylů:
.zelena { background: lime; }
.cervena { background: red; }

<table>
  <tr class=zelena>
    <td>Text
    <td>Text
    <td>Text
    <td>Text
  <tr class=cervena>
    <td>Text
    <td>Text
    <td>Text
    <td>Text
</table>

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: