Mobile Friendly Website


Doing it with style

A clipped gallery COMMENTS

Welcome to my Comments Pages

Please note. I get a few hundred emails a week from visitors asking for help, or posing questions on how to modify my demos to suit their application and I read them all. Unfortunately I only have a limited amount of time to spend answering these questions.

So if I do not reply, please do not be offended, and if I do reply then you are one of the lucky ones.

If you are asking for permission to use any of my demonstration then please email me with your request stu{at}

Post a comment

Current posts

(12.11.2006, 21:17)

I agree that the spec is wrong, it seems much more consistent with other ways of expressing things, like margins, to use spaces rather than commas.

Yet again you've come up with something simple but that it seems no-one had really thought of before, nice one!
(13.11.2006, 03:47)

ive been searching for instruction on something like this, and i think ive finally found it! The only difference is i wanted to have the full picture maybe pop up to the side or below the clipped images instead of over them, along with a small amount of text. so kind of like this demo mixed with your image magnifier demo and the image map demo. and also i wanted to make the clipped images links to different pages as well. any ideas on how to do this?
thanks so much!
(17.11.2006, 05:17)

Used a similar technique to create a CSS Image Gallery.

The Firefox focus issue makes it a little more complicated than I would like. Found this site while looking for a solution. Excellent!
(09.12.2006, 20:15)

Hey Stu -

Loving a lot of the stuff you do. There are some really fresh and original ideas.

With this gallery in particular though, in IE, the images remain "expanded" after clicking them while in Firefox, you have to hold the mouse button down. Is there anyway to force Firefox to mimic the behavior IE has?
(06.09.2007, 21:06)

So, I know it is outside the realm of trying to keep everything strictly in CSS but I got to thinking about it and added focus to the link using onclick="javascript: this.focus();" and that took care of the Firefox issue.
(06.09.2007, 22:51)

Great idea, Stu, but why it doesn´t work in Safari 3.1.2 (OS X 10.4.11)?
Seems the unclip on hover and focus is not recognized.
(03.10.2008, 12:39)

i'd like this gallery please for personal use.

where can i find the files?

(30.12.2008, 11:19)


Your comment:

Your Name:

Stu's First Name - 3 letters (required)

Thanks to Alex for this script.

Please enter your comments for this site page.
Please note that all posts are moderated.

Posting rules

HTML is turned off
Maximum word length is 80 characters.
Messages limited to 1200 characters.
Web links should not include 'http://'


Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


Facebook Twitter rss feed Facebook Fan Page