Click: Difference between revisions
From HLT@INESC-ID
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
<div style="position: relative; width: {{{width}}}; height: {{{height}}}; overflow: hidden"> | <div style="position: relative; width: {{{width}}}; height: {{{height}}}; overflow: hidden"> | ||
<div style="position: absolute; top: 0px; left: 0px; font-size: 100px; overflow: hidden; line-height: 100px; z-index: 3">{{{link}}}</div> | <div style="position: absolute; top: 0px; left: 0px; font-size: 100px; overflow: hidden; line-height: 100px; z-index: 3; text-color: red">{{{link}}}</div> | ||
<div style="position: absolute; top: 0px; left: 0px; z-index: 2">[[Image:{{{image}}}|{{{width}}}|{{{link}}}]]</div> | <div style="position: absolute; top: 0px; left: 0px; z-index: 2">[[Image:{{{image}}}|{{{width}}}|{{{link}}}]]</div> | ||
</div> | </div> |
Revision as of 11:24, 1 May 2006
This template attempts to superimpose an invisible link on an image. It doesn't work in Safari, in text-only browsers, and in screen readers for the disabled, and possibly other situations. The technique of using CSS to change page content also completely breaks an article's web accessibility by contravening a WAI priority-one checkpoint.[1] Please try to avoid using this template unless absolutely necessary.
See also Template:Titled-click
http://en.wikipedia.org/w/index.php?title=Template:Click&action=edit