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">[[{{{link}}}| ]]</div> | ||
<div style="position: absolute; top: 0px; left: 0px; z-index: | <div style="position: absolute; top: 0px; left: 0px; z-index: 20">[[Image:{{{image}}}|{{{width}}}|{{{link}}}]]</div> | ||
</div> | </div> | ||
<noinclude> | <noinclude> | ||
Revision as of 10:58, 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 wikipedia:CSS to change page content also completely breaks an article's wikipedia:web accessibility by contravening a wikipedia:WAI priority-one checkpoint.[1] Please try to avoid using this template unless absolutely necessary.
See also wikipedia:Template:Titled-click http://en.wikipedia.org/w/index.php?title=Template:Click&action=edit