Autor Zpráva
donald21
Profil
Dobrý den, zde je html kód:

<table>
<tr><td><a href="http://.....">První odkaz</a></td></tr>
<tr><td><a href="http://.....">Druhý odkaz</a></td></tr>
<tr><td><a href="http://.....">Třetí odkaz</a></td></tr>
</table>

Potřeboval bych poradit, jak nastavit css vlastnosti, aby se při najetí myší na odkaz obarvila celá buňka.

zkoušel jsem td a:hover {background: #00000} ale to se obarví jen text odkazu. Prosím poraďte. díky
panther
Profil
donald21:
td:hover {background: #000} /* nebude fungovat všude */

Správněji by mělo být, ale když se zbarví celá buňka, aby byla celá taky klikatelná, tedy display: block odkazu.
donald21
Profil
když budu mít nastaveno např.td {padding: 10px},
tak to obarví řádek při najetí myší na řádek, takže se na odkaz ani najet nemusí.

Já bych to potřeboval při najetí myší přímo na odkaz, ne na buňku či řádek. Šlo by to i tak?
Bubák
Profil
Je to tak trochu švindl, protože ve skutečnosti se podbarví pozadí odkazu, což bude poznat při odjetí myši.
a:hover  {display: block; width: 100%; height: 100%; background: lime;}
Pokud by byl odkaz přes celou plochu buňky, líb by se na něj trefovalo. Proč nechceš odkaz přes celou plochu buňky?
donald21
Profil
Nejdříve jsem chtěl aby se to obarvilo při najetí na odkaz, vlastně jsem nepotřeboval vědět konkrétně toto ale něco podobného. Jen jsem chtěl vědět jestli se při najetí na jeden prvek může měnit jiný.

Nakonec to udělám přes celou buňku, protože to není moc podstatné jak toto bude udělané. Díky za ochotu.

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:

0