| 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>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>Za radu budu vdecny. Diky,Petr. |
||
| blackjoker Profil |
#2 · Zasláno: 18. 8. 2008, 22:52:32 · Upravil/a: blackjoker
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 |
#3 · Zasláno: 18. 8. 2008, 22:58:36
Ty uvozovky tam nemam, to byl pozustatek po Ctrl-c ,Ctrl-v:-) Omlouvam se. Ale i bez nich to nefunguje.
|
||
| blackjoker Profil |
#4 · Zasláno: 18. 8. 2008, 23:07:56
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 |
#5 · Zasláno: 18. 8. 2008, 23:08:00
<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 |
#6 · Zasláno: 18. 8. 2008, 23:08:32 · Upravil/a: joe
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 |
#7 · Zasláno: 18. 8. 2008, 23:30:13
UZ to funguje. Nevim v cem byla chyba. Dik za rady a obetovanej cas!
|
||
| Bubák Profil |
#8 · Zasláno: 18. 8. 2008, 23:38:41
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; |
||
|
Časová prodleva: 3 měsíce
|
|||
| asd Profil * |
#9 · Zasláno: 15. 11. 2008, 11:16:17
jn
|
||
| Bubák Profil |
#10 · Zasláno: 15. 11. 2008, 14:24:14 · Upravil/a: Bubák
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/ |
||
|
Časová prodleva: 15 let
|
|||
0