WordPress, Shopify ir PHPFusion programuotojų bendruomenė

Parašė grusius amg· 2015 Vas. 3 20:02:10

sveiki

kazkas su CSS nesiderina.
galit padet klaida surast.

visas CSS

<style type="text/css">
table {
 background-color: #fff;
 border: 1px solid #ddd;
 empty-cells: show;
 font-size: 90%;
 margin: 0 0 20px 0;
 padding: 4px;
 text-align: left;
 width: 300px;
 }
 
table caption {
 color: #777;
 margin: 0 0 5px 0; 
 padding: 0;
 text-align: center;
 text-transform: uppercase;
 }
 
table thead th {
 border: 0;
 border-bottom: 1px solid #ddd;
 color: #777;
 font-size: 90%;
 padding: 3px 0;
 margin: 0 0 5px 0;
 text-align: left;
 }
 
table tbody tr.odd {
 background-color: #f7f7f7;
 {
 
table tbody tr.even {
 background-color: #c00;
 {
 
table tbody tr:hover {
 background-color: #ffe08e;
 {
 
table tbody td {
 color: #888;
 padding: 2px;
 border: 0;
 }
 
table tbody tr:hover td {
 color: #444;
 }
 
</style>

man vienos eilutes background spalva pakeicia o kitos ne. ir uzvedus pelyte eilutes spalva nepasikeicia.

negerumai prasideda

table tbody tr.odd {
 background-color: #f7f7f7;
 {
 
table tbody tr.even {
 background-color: #c00;
 {
 
table tbody tr:hover {
 background-color: #ffe08e;
 {
 
table tbody td {
 color: #888;
 padding: 2px;
 border: 0;
 }
 
table tbody tr:hover td {
 color: #444;
 }

html kodas

<table cellpadding="5" cellspacing="0" border="1">
 <caption> Seimos statistika</caption>
  <thead>
   <tr>
    <th>Vardas</th>
	<th>Amzius</th>
	<th>Lytis</th>
	<th>Plauku spalva</th>
   </tr>
  </thead>
 
  <tbody>
   <tr class="odd">
    <td>Vydas</td>
	<td>31</td>
	<td>Vyras</td>
	<td>Rudi</td>
   </tr>
 
   <tr class="even">
    <td>Arturas</td>
	<td>29</td>
	<td>Vyras</td>
	<td>Rudi</td>
   </tr>
 
   <tr class="odd">
    <td>Lukas</td>
	<td>3</td>
	<td>Vyras</td>
	<td>Rudi</td>
   </tr>
 
   <tr class="even">
    <td>Meralda</td>
	<td>33</td>
	<td>Moteris</td>
	<td>Rudi</td>
   </tr>
 
   <tr class="odd">
    <td>Egle</td>
	<td>55</td>
	<td>Vyras</td>
	<td>Rudi</td>
   </tr>
 
   <tr class="even">
    <td>Nikole</td>
	<td>29</td>
	<td>Vyras</td>
	<td>Juodi</td>
   </tr>
 
   <tr class="odd">
    <td>Paulius</td>
	<td>59</td>
	<td>Vyras</td>
	<td>Juodi</td>
   </tr>
 
   <tr class="even">
    <td>Montryda</td>
	<td>3</td>
	<td>Moteris</td>
	<td>Balti</td>
   </tr>
  </tbody>
 </table>

Redagavo grusius amg· 2015 Vas. 3 20:02:14

Parašė Creatium· 2015 Vas. 3 21:02:49

Tai niekas neveikia, nes css atrodo taip:

elementas {
parametras
{

Atkreipk dėmesį, kad tu atidarai ir bandai uždaryti atidarymo skliausteliu. Turėtų būti taip:

elementas {
parametras
}