Jak zabarvit celý řádek v tabulce při najetí ?

1. Návštěvník 9836DCE4 11. 12. 2005 09:49

   Když mám odkaz v tabulce a chci, aby se při najetí zbarvil celý řádek. Jak na to ? :-))

2. Návštěvník F7BA98ED 11. 12. 2005 10:57

   td a {width: 100%; height: 100%;}

3. Návštěvník F7BA98ED 11. 12. 2005 11:01

   ale esli máš několik buňek v řádku s odkazama a po najetí na jeden z odkazů se ti zbarví celý řádek, byť je ten odkaz jenom jedna buňka, tak to nevim

4. Návštěvník A527598A 11. 12. 2005 11:51

   Ve stylu si udelej tridu s nejakym nazvem (napr xxx) a pak ten odkaz naformatuj tou tridou. (pokud nemas naformatovane odkazy) CSS: .xxx { background-color: red; width: 100%;} a odkaz: <a class="xxx" href=......> pokud uz mas "a" naformatovane v css tak ten odkaz uzavri do SPANu <span class="xxx"><a href=...><span> myslim ze tak nejak by to melo fungovat...

5. Návštěvník 2D4810F1 11. 12. 2005 17:32

   tr:hover { } akorát to nejde v MSIE

6. Návštěvník ADDE101F 11. 12. 2005 21:32

   Nebo onmouseover a onmouseout měnit pozadí.

7. Návštěvník F7BA98ED 11. 12. 2005 22:30

   mp >> nj, ale to podporuje jen IE

8. Návštěvník 6413C339 12. 12. 2005 09:54

   odkdy onmouseover a onmouseout podporuje jen IE?

9. Návštěvník 9836DCE4 12. 12. 2005 16:55

   Mohli byste mi to někdo prosím napsat celý s nějakým náhodným odkazem? ten kod.Já totiž html moc neumím :-(

10. Návštěvník F7BA98ED 13. 12. 2005 21:38

    áhaa, tak funguje... to nefunguje jenom ve škole... vono, tam je to celý šáhlý...

11. Návštěvník ADDE101F 13. 12. 2005 23:00

    onmouseover a onmouseout podporoval snad už IEXP3.0 na win3.1. Čtyřka už určitě. Nestalo se mi nikde, že by nefungovalo. Spíš někde nefunguje ten zbytek, tj. co se má udělat při té události.

12. Návštěvník 6413C339 14. 12. 2005 08:13

    Marcus Flintus: asi je tam vypnuty JS. To je tusim implicitne po nainstalovani... k tomu zvyraznovani varianta 1: v hlavicce a stylu: tr:hover td { background: lightblue; } v body <table> <tr><th>a</th><th>b</th><th>c</th></tr> <tr><td><a href="#nikam">odkaz</a></td><td>odkaz je vlevo</td><td>odkaz je v prvnim sloupecku</td></tr> <tr><td><a href="#nikam">odkaz</a></td><td>odkaz je vlevo</td><td>odkaz je v prvnim sloupecku</td></tr> <tr><td><a href="#nikam">odkaz</a></td><td>odkaz je vlevo</td><td>odkaz je v prvnim sloupecku</td></tr> </table> tohle ale nefunguje v IE, ojeb v ie by mohl bypadat tak, ze se do css napise: misto tr -> tr a:hover ale ma to jiste omezeni a JS varianta pak vypada: <script type="text/javascript"> function ch_bkg(co, barva) { var obj; obj = document.getElementById(co); obj.style.background = barva; } </script> <table> <tr><th>a</th><th>b</th><th>c</th></tr> <tr id="tr1" onmouseover="ch_bkg('tr1', 'blue');" onmouseout="ch_bkg('tr1', 'transparent');"><td><a href="#nikam">odkaz</a></td><td>odkaz je vlevo</td><td>odkaz je v prvnim sloupecku</td></tr> <tr id="tr2" onmouseover="ch_bkg('tr2', 'blue');" onmouseout="ch_bkg('tr2', 'transparent');"><td><a href="#nikam">odkaz</a></td><td>odkaz je vlevo</td><td>odkaz je v prvnim sloupecku</td></tr> <tr id="tr3" onmouseover="ch_bkg('tr3', 'blue');" onmouseout="ch_bkg('tr3', 'transparent');"><td><a href="#nikam">odkaz</a></td><td>odkaz je vlevo</td><td>odkaz je v prvnim sloupecku</td></tr> </table>

13. Návštěvník 78C182BC 14. 12. 2005 10:37

    A nebo zjednodušeně: <tr onmouseover="this.style.backgroundColor='#ffffff'; onmouseout="this.style.backgroundColor='#000000'">

← Zpět na všechna témata