Tak tohle jsou ·pln∞ normßlnφ odkazy, jenom trochu upravenΘ globßlnφm stylopisem. Jak vypadß ten stylopis:
a { padding: 20px; height: 40px; border: outset 8px ; font-weight: bold;
text-decoration: none}
a:link, a:visited {background-color: navy; color: white;}
a:hover {background-color: blue; color: yellow; border: inset 8px}
P°φklad se sprßvn∞ vykreslφ v IE 5. Ve verzi IE 4 (asi 20% u╛ivatel∙ v roce 2001) se aplikujφ pouze barvy (ne okraje ani velikost). V Netscape 4 se tlaΦφtko nem∞nφ p°i p°ejetφ my╣φ, proto╛e Netscape 4 nepodporuje a: hover. V Netscapu 6 (kter² a:hover podporuje) se humpolßcky poΦφtß padding, tak╛e se odkazy roz╣i°ujφ i p°es ostatnφ text. Je tedy dobrΘ dr╛et se p°i zemi a zadßvat men╣φ vnit°nφ okraje.
V²╣e uvedenß deklarace je dost ne╣ikovnß, proto╛e ud∞lß tlaΦφtkovΘ v╣echny odkazy (jak je asi vid∞t). Na deklarovßnφ tlaΦφtkov²ch odkaz∙ je proto dobrΘ vytvo°it si t°φdu odstavce (t°eba "tlacitko") a tlaΦφtkovΘ odkazy umφs╗ovat do tohoto odstavce. Ve stylopisu se pak pou╛φvß
t°φda a kontextovß deklarace. Jen ilustraΦn∞:
p.tlacitko a {padding....
Podobn² p°φklad:
Obrßzek v tlaΦφtku se v Netscape 6 vykreslφ mimo tlaΦφtko :-(