Mobile Friendly Website


Doing it with style

Simple photo-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

Just change the :active / :focus to :hover
(11.11.2006, 19:54)

this is really nice but not cross-platform. what is the point of emulating this.

thanks but no thanks
(01.12.2006, 08:39)

All my demonstrations are experiments in CSS. This one works across all the major browsers, but if you do not want to use it then that is your choice. I am not forcing this on anyone :)
(01.12.2006, 09:17)

I'm trying to build my portfolio on-line, and used your photo gallery to display photos of the projects. It worked out very well, except for a little detail...
The problem is that the gallery background image appears in the split second that it takes to change between pictures. Please see it at .

What can I do to correct this? Or how can I make the 1st img appear by default (when I open the gallery), instead of having a bground image?

I would apprecciate your help, since this gallery is really important for me, and I really don't know anything about css...

Thank you for your tutorials!
(20.01.2007, 22:00)

Alice, all you need to do is make a change to the background color for the :active state. At the moment you have the same (gray) background for :hover and :active.
Change the :active style to
.gallery li a:active, .gallery li a:focus {
and it will work.
(20.01.2007, 22:29)

So simple...
Thank you!
I'll link back to your site when I get everything ready.
(21.01.2007, 13:44)

I've implemented this code, and have had reports that it doesn't work on a MAC... Is this true? (they say that they have to click and hold down the link for the image to stay active) ... can this be fixed with just using "hover" ? help ?
(25.01.2007, 17:06)

sean, Safari and Opera only keep the :active/:focus state while the mouse button is held down. You can change the :active/:focus to :hover to make it work in the same way on all modern browsers, or just put a note that Safari and Opera users should hold down the mouse key.
(25.01.2007, 17:22)

I must tell you -the design of your photo gallery is the best and has so much to offer. I'm a novice at css and I was just wondering if I might ask how to make the numbered buttons appear on the left side instead of the horizontal line at the bottom?
(28.01.2007, 00:54)

Really like you experiments in css, a funtastic medium for graphically inclined people, well done and if I wasn't so skint I'd donate.
(25.02.2007, 02:10)

10 of 72 comments (part 4). [ « ] [ » ] [ * ]


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