CClicence for print

Because of some reason webdesigners seem to have no cluen about the power of CSS when it comes to printing. I was pointed to this fact once aghain, by a blog entry on Karl Jonsson’s Weblog� Creative Commons “Bug”> What is the reason for this bug? Surely, I cannot be the first person to notice it? I actually like reading on screens (especially that of my PDA) so I rarely print anything. I did notice the bug when I first applied a CC license to my blog and changed it by hand (see top right) but the severity of the problem only just struck me.

The solution would be to add some well-formed CSS to your CC button:(see print-preview and note that additional text will show up)<div id="ccwrapper">Creative Commons License
This work is licensed under a Creative Commons License. Read the licence here: http://creativecommons.org/licenses/by-sa/2.0/</div>in the HEAD <pre><style type="text/css" media="screen"> #ccprint {visibility:hidden;} #ccwrapper {border: 1px solid #bdca00;}</style></pre>And in the licence HTML<pre><span id="ccprint">Read the licence here: http://creativecommons.org/licenses/by-sa/2.0/</span></pre>Everything in the span tag will be hidden on screens, and shown on other media.

Dit artikel verscheen op bler.webschuur.com. En is overgezet naar dit blog

in programming54

Over de auteur: Bèr Kessels is een ervaren webdeveloper met een grote passie voor techniek en Open Source. Een gouden combinatie om de techniek goed en efficiënt toe te passen. Volg @berkes op Mastodon. Of lees meer over Bèr.