Comments on: CSS Click Events

By: Jesús

Jesús — Sun, 10 Feb 2013 17:02:38 +0000

Wouldn’t been easier if we just put the input to display none since the label attached to it would still work?.

By: Web Developer

Web Developer — Fri, 01 Feb 2013 05:47:08 +0000

Hi..
Thank you for making the only actual tutorial that I’ve been able to find. Other ‘tutorials’ haven’a actually explained how to do things, but you did so, very clearly.
Thanks..

By: Raghav

Raghav — Fri, 28 Dec 2012 05:33:04 +0000

New stuff to learn! nice.

By: christos constandinou

christos constandinou — Thu, 27 Dec 2012 14:37:02 +0000

There is another reason why positioning elements outside the viewport is not a good idea:

If you view your first example in firefox, and make the browser viewport small enough so you need to scroll to he “click me!” text and click it, you’ll notice that the browser scrolls to the top of the page.

This is because FireFox is focusing the checkbox and is trying to scroll the checkbox it into view.

If you’re going to use this method on a page —or in an element — that scrolls, then you’re going to encounter this problem.

By: M?c

M?c — Tue, 25 Dec 2012 01:04:33 +0000

What an article!
I learned something. :)

By: kmichel

kmichel — Fri, 21 Dec 2012 00:57:09 +0000

You can alter more than one element using the :target hack if you put the target id on a element wrapping all the affected elements and then simply use descendant selectors such as “#target:target .affected-element-1″, “#target:target .affected-element-2″. The most general solution would be to wrap your whole page with one nested div for each targetable id, not really pretty though but sometimes useful for mockups.

By: Bart

Bart — Thu, 20 Dec 2012 20:17:59 +0000

Would visibility:hidden; and position:absolute work? Visibility hides the element and position absolute gets rid of the gap.

By: Claus

Claus — Wed, 19 Dec 2012 17:04:51 +0000

Excellent post!! Never thought of using checkbox like that hehe :D

By: Stacey

Stacey — Wed, 19 Dec 2012 16:20:53 +0000

Thanks you for the great post!

By: Suzanna

Suzanna — Tue, 18 Dec 2012 20:22:40 +0000

Great post. Thanks you Hugo.