Autor Zpráva
spiza
Profil
Dobry den,
nemohu vyresit nasledujici problem. Mam tabulku se dvema radky a na kazdem radku chci mit jine pozadi.
Pokud to udelam nasledovne, vse funguje:
<table>
      <tr style="background-image: url('pomocna/pozadi1.jpg'); background-repeat: repeat-x">
         <td> neco  </td> 
         <td> neco  </td> 
      </tr>
      <tr style="background-image: url('pomocna/pozadi2.jpg'); background-repeat: repeat-x">
          <td>  neco  </td> 
          <td>  neco  </td>    
      </tr>
</table>
Pokud ale chci styl napsat v hlavicce a tabulku nasledovne (viz nize), vzdy se mi pozadi zobrazi jen na jednom z radku a druhy radek nema pozadi zadne. Pricemz to, ktery radek pozadi ma a ktery ne, zalezi na poradi v jakem jsou psany v bloku hlavicky, resp. v bloku <style></style>.

V hlavicce mam:
<style>
  tr.prvni
     {
      background-image: url('pomocna/pozadi1.jpg'); 
      background-repeat: repeat-x"
     }

  tr.druhy
     {
      background-image: url('pomocna/pozadi2.jpg'); 
      background-repeat: repeat-x"
     }
</style>

A v tele pak:
<table>
      <tr class="prvni">
         <td> neco  </td> 
         <td> neco  </td> 
      </tr>
      <tr class="druhy">
          <td>  neco  </td> 
          <td>  neco  </td>    
      </tr>
</table>
A proste to nejde. Rad bych mel vsechen styl v externim souboru a tak by me zajimalo v cem je problem.
Za radu budu vdecny. Diky,Petr.
blackjoker
Profil
smazej background-repeat: repeat-x" a namísto toho background-repeat: repeat-x
ten " tam nemá co dělat
pak by to mělo fungovat

edit: překlep
spiza
Profil
Ty uvozovky tam nemam, to byl pozustatek po Ctrl-c ,Ctrl-v:-) Omlouvam se. Ale i bez nich to nefunguje.
blackjoker
Profil
spiza
Zkusil jsem si to a mě to funguje jak v FF tak v IE7. Zkus nastavit velikost(widht, height).
Zdeněk Košťál
Profil
<style>
tr.prvni td, tr.druhy td
     {
      background-repeat: repeat-x;
     }
tr.prvni td
     {
      background-image: url('pomocna/pozadi1.jpg');
     }

tr.druhy td
     {
      background-image: url('pomocna/pozadi2.jpg');
     }
</style>
joe
Profil
Nevím proč by to nefungovalo, funguje to! Teď jsem to zkoušel.

V jakém prohlížeči to nejde? Je správná cesta ke stylům? Dej to někam na live, ať je vidět co tam máš.
spiza
Profil
UZ to funguje. Nevim v cem byla chyba. Dik za rady a obetovanej cas!
Bubák
Profil
Pokud je vše, jak popisuješ, včetně vymazaných uvozovek, tak ti to musí fungovat. Něco jsi zatajil.

Tip:
Můžeš použít sdruženou deklaraci, je úspornější a zdá se mi přehlednější:
background: url('pomocna/pozadi1.jpg') repeat-x;
asd
Profil *
jn
Bubák
Profil
Ještě to jde trochu upravit:
<style>
td {background: #cab url('pomocna/pozadi1.jpg') repeat-x;
     }
tr.druhy td
     {
      background: #bac url('pomocna/pozadi2.jpg') repeat-x;
     }
</style>

Pak v tabulce použít třídy jen pro každý druhý řádek (zkrácená ukázka):
<th>...
<tr><td>...
<tr class="druhy"><td>...
<tr><td>...
<tr class="druhy"><td>...


Dodatek:
Šlo by zneužít tag TH a nepoužívat třídy, ale považuji to za prasárnu.
Kdo chce, může kouknout na http://css.interval.cz/clanky/formatovani-tabulek/

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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