Odkazy v tabulce

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>

Příklady s různými vlastnostmi tabulky

odkaz odkaz

cellpadding=0 cellspacing=4 border=1

odkaz odkaz

cellpadding=4 cellspacing=0 border=1

odkaz odkaz

 cellpadding=0 cellspacing=0 border=1

Popora

Nefunguje to v NN. To není nic divného.

Šíř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.

Příklad odkazu mimo tabulku (je formátován normálně).