Sjabloon:Click: verschil tussen versies

Uit phpBB.nl Wiki
Ga naar: navigatie, zoeken
(Woei, gevonden :D)
Regel 1: Regel 1:
:[[Image:{{{image}}}]]
+
<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}}}|&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>
 +
 
 +
This template attempts to superimpose an invisible link on an image.  It doesn't work in [[w:Safari (web browser)|Safari]], in text-only browsers, and in screen readers for the disabled, and possibly other situations.  The technique of using [[w:CSS|CSS]] to change page content also completely breaks an article's [[w:web accessibility|web accessibility]] by contravening a [[w:WAI|WAI]] priority-one checkpoint.[http://www.w3.org/TR/WAI-WEBCONTENT/#tech-order-style-sheets] Please try to avoid using this template unless absolutely necessary.
 +
</noinclude>

Versie van 27 okt 2006 om 16:07

[[{{{link}}}|   ]]
[[Image:{{{image}}}|{{{width}}}|{{{link}}}]]
Usage: {{Click | image=myimage.png | link=PageName | width=10px | height=10px}}

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.