Autor | Zpráva | ||
---|---|---|---|
x Profil * |
#1 · Zasláno: 13. 3. 2011, 08:58:53
Ahoj, potrebuju nastavit CSS hover pro 1 bunku tabulky. Kdyz to nastavim pro vsechny TD, tak to funguje, ale kdyz to dam pouze pro 1 tridu, tak uz to nejde. Nevite, co stim?
<html> <head> <style type="text/css"> .barva td:hover { background-color: orange; } /* funguje: td:hover { background-color: orange; } */ </style> </head> <body> <table border="1" cellpadding="5" cellspacing="1"> <caption>Popis tabulky</caption> <tr> <th>Nadpis 1</th> <th>Nadps 2</th> <th>Nadpis 3</th> <th>Nadpis 4</th> </tr> <tr> <td>a</td> <td>b</td> <td>c</td> <td>d</td> </tr> <tr> <td>e</td> <td>f</td> <td>g</td> <td>h</td> </tr> <tr> <td>i</td> <td class="barva">j</td> <td>k</td> <td>l</td> </tr> <tr> <td>m</td> <td>n</td> <td>o</td> <td>p</td> </tr> </table> </body> </html> |
||
Plaváček Profil |
#2 · Zasláno: 13. 3. 2011, 09:03:20
Tohle by nezabralo?
td.barva:hover { background-color: orange; } |
||
x Profil * |
#3 · Zasláno: 13. 3. 2011, 09:08:15
Plaváček:
To funguje. Jak je to mozne? |
||
x Profil * |
#4 · Zasláno: 13. 3. 2011, 09:10:04
Jeste jeden dotaz. Jde nejak pomoci colspan a rowspan spojit dohromady bunky J K G ? Me to porad udela jenom radek a sloupec ale cara mezi tim zustane.
|
||
Plaváček Profil |
#5 · Zasláno: 13. 3. 2011, 09:11:44 · Upravil/a: Plaváček
x:
Protože tvůj původní zápis v CSS říkal - udělej "hover" všem buňkám TD, které jsou umístěny v nějakém elementu s třídou .barva. Zatímco můj tip hlásá správně - vyrob "hover" každé buňce s třídou .barva. Prostuduj si něco o třídách (a identifikátorech). Začni třeba zde: http://www.jakpsatweb.cz/css/css-tridy-class.html |
||
Plaváček Profil |
#6 · Zasláno: 13. 3. 2011, 09:15:27
x:
„Me to porad udela jenom radek a sloupec ale cara mezi tim zustane.“ Této otázce nerozumím. Lepší bude, když vyrobíš "živou" ukázku. |
||
x Profil * |
#7 · Zasláno: 13. 3. 2011, 09:17:11
Plaváček:
<html> <head> <style type="text/css"> td.barva:hover { background-color: orange; } </style> </head> <body> <table border="1" cellpadding="5" cellspacing="1"> <caption>Popis tabulky</caption> <tr> <th>Nadpis 1</th> <th>Nadps 2</th> <th>Nadpis 3</th> <th>Nadpis 4</th> </tr> <tr> <td>a</td> <td>b</td> <td>c</td> <td>d</td> </tr> <tr> <td>e</td> <td>f</td> <td rowspan="2">g</td> <td>h</td> </tr> <tr> <td>i</td> <td colspan="2" class="barva">j</td> <td>l</td> </tr> <tr> <td>m</td> <td>n</td> <td>o</td> <td>p</td> </tr> </table> </body> </html> Aby ta bunka byla do "L". |
||
Plaváček Profil |
#8 · Zasláno: 13. 3. 2011, 09:22:14
x:
„Aby ta bunka byla do "L".“ Pořád si nejsem, zda tvůj problém chápu, ale obávám se, že vyrobit buňku do "L" je současnými prostředky HTML neřešitelný požadavek. Ještě jednou - dodej "živou" ukázku, ne kód, z něhož není patrné, čeho chceš vlastně dosáhnout. |
||
x Profil * |
#9 · Zasláno: 13. 3. 2011, 09:31:51
|
||
x Profil * |
#10 · Zasláno: 13. 3. 2011, 10:20:16
x:
Takhle to funguje: <html> <head> <style type="text/css"> table { border-collapse: collapse; } td.barva:hover { background-color: orange; } </style> </head> <body> <table border="1" cellpadding="5" cellspacing="1"> <caption>Popis tabulky</caption> <tr> <th>Nadpis 1</th> <th>Nadps 2</th> <th>Nadpis 3</th> <th>Nadpis 4</th> </tr> <tr> <td>a</td> <td>b</td> <td>c</td> <td>d</td> </tr> <tr> <td>e</td> <td>f</td> <td rowspan="2">g</td> <td>h</td> </tr> <tr> <td>i</td> <td colspan="2" class="barva">j</td> <td>l</td> </tr> <tr> <td>m</td> <td>n</td> <td>o</td> <td>p</td> </tr> </table> </body> </html> |
||
Plaváček Profil |
#11 · Zasláno: 13. 3. 2011, 10:28:53
x:
Prosím, nevkládej sem stále tuny kódu a zkus nám přehledně a srozumitelně popsat konkrétní problém, který řešíš. Děkuji. |
||
Časová prodleva: 13 let
|
0