Efektivní provedení textových odkazů uvnitř tabulky je zaručeno stylopisem:
<style>
td a { width: 100%; height: 100%; text-align: center; background-color: yellow;
display: block }
td a:hover { background-color: red }
</style>
| odkaz | odkaz |
cellpadding=0 cellspacing=4 border=1
| odkaz | odkaz |
cellpadding=4 cellspacing=0 border=1
| odkaz | odkaz |
cellpadding=0 cellspacing=0 border=1
Všechny odkazy mimo tabulky (přesněji mimo tag <td>) se budou zobrazovat normálně.
Nefunguje to v NN a v IE 4 (to není nic divného), ale i tam se vypíšou alespoň normální odkazy. .
Šířka odkazu v tabulce může být nastavena na 120 %, protože při 100% to v IE 5.5 občas dělá bílé proužky. Při 120% to ale blbne v Mozzile. V IE 4 se zobrazují odkazy moc malé (neakceptují nastavenou šířku). Vše by to dobře vyřešit nastavením pozadí tabulky nebo buněk na stejnou barvu.
S formátováním odkazů si lze báječně vyhrát při využití dalších stylů, nových tříd (class) a různých nastavení tabulky.
Jiný příklad: odkaz jako tlačítko.