| Autor | Zpráva | ||
|---|---|---|---|
| benawof Profil * |
#1 · Zasláno: 28. 9. 2013, 23:36:23
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 * |
#3 · Zasláno: 29. 9. 2013, 00:36:45
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 |
#4 · Zasláno: 29. 9. 2013, 02:16:08
benawof:
Ahoj, já nepochopit co rád bys. Zkus problém třeba ty napsat lépeji;) |
||
| benawof Profil * |
#5 · Zasláno: 30. 9. 2013, 00:17:28
<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 * |
#6 · Zasláno: 30. 9. 2013, 10:07:36
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 |
#7 · Zasláno: 30. 9. 2013, 12:54:04
Nebo ti muzu dat silene slozity priklad na stylovani tabulek :)
http://mlich.zam.slu.cz/navody/html/tabulky.htm |
||
| benawof Profil * |
#8 · Zasláno: 2. 10. 2013, 10:08:50
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 V PR </th><th style="width: 50px;" class="row"> <div class="vertical"><div><b> PROHRY V 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 |
#9 · Zasláno: 2. 10. 2013, 11:11:58
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> |
||
|
Časová prodleva: 11 let
|
|||
0