View source for Template:Click

<div style="position: relative; width: {{{width}}}; height: {{{height}}}; overflow: hidden;"><div style="position: absolute; top: 0px; left: 0px; z-index: 3;">[[{{{link}}}|&nbsp;&nbsp;&nbsp;]]</div>
<div style="position: absolute; top: 0px; left: 0px; z-index: 2;">[[Image:{{{image}}}|{{{width}}}|{{{link}}}]]</div>
</div>
<noinclude>

 '''Usage:''' <nowiki>{{Click | image=myimage.png | link=PageName | width=10px | height=10px}}</nowiki>

*'''NOTE:''' this can be accomplished without this template by placing the switch link= in the picture link

This template attempts to superimpose an invisible link on an image, such that clicking on the image does ''not'' take you to the image description page (normal behaviour).

It's useful for small icons/logos which are representative of an article, and which a user might click on expecting to be taken to that article. Here we are using it on the [[Main Page]] for example. It's use should minimised because of the following problems.

==== Problems ====

It doesn't work in text-only browsers, and in screen readers for the disabled, and possibly other situations. [http://www.w3.org/TR/WAI-WEBCONTENT/#tech-order-style-sheets]

== See also ==

* [http://en.wikipedia.org/wiki/Template:Click Template:Click on wikipedia] where we got this from.

[[Category:Unused Templates]]
</noinclude>