Mobile Friendly Website

CSSPLAY

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}cssplay.co.uk.

Post a comment


Current posts

Chris:-
Great site Stu thanks - have been visiting regularly the last few months and learnt a lot about CSS. Unfortunately not enough to be able to succesfully adapt this to display a caption for each image. Tried learning from the scroll gallery but 2 afternoons later I haven't quite cracked it .. any hints perhaps?
(26.03.2007, 21:57)

Stu:-
Chris, add the caption text inside each link and enclose it in a <b>...</b> tag. Make this hidden
.gallery li a b {
position:absolute;
top:-24px;
left:0;
visibility:hidden;
}
Then make it visible on :active/:focus
.gallery li a:active b, .gallery li a:focus b {
visibility:visible;
}
You may also want to position the large image higher so that the caption is under the image,
if so then adjust:
.gallery li a img {
..
top:-320px;
..
}
(26.03.2007, 22:16)

Ken:-
I'm stumped. How are you making the background image disappear when the other images are displayed?
(27.03.2007, 15:15)

Ken:-
Of course, I would figure it out shortly after posting. You're using a wide border on the portrait images to hide the landscape background image. I love your CSS stuff...but I'm trying to overcome an issue. I want to display images without specifying whether they are portrait or landscape and I want the first image to display when someone comes to the page. From what I can see, your scripts will do one or the other, but not both. Suggestions? Thanks!
(27.03.2007, 15:38)

Ken:-
I decided to go with javascript for this particular task. But I'm definitely going to browse your site some more. You have some impressive examples. Thanks!
(27.03.2007, 18:43)

Anonym:-
Stu, Many, many thanks for your help above. Works a treat - and even better, I understand how it works!
(13.04.2007, 14:28)

Chris:-
Sorry, comment above from Chris!
(13.04.2007, 14:29)

Anonym:-
I use this album just a few days and it seems that my IE 6.0 does not show images on hover/mouseklick, there is just an empty box only the numberboxes are reacting correctly. Netscape and Firefox work fine.
Any idea?
(11.05.2007, 14:20)

Stu:-
Anonym, the usual reason for this not working in IE6 is that you are not using a standards compliant doctype.
(11.05.2007, 14:51)

Learner:-
I use <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "xxxx://www.w3.org/TR/html4/loose.dtd">

Is this the reason of the problem? :hover works, but it is not the solution I want to use.
(12.05.2007, 08:57)

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



Post

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://'

Support CSSPLAY

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.


CUSTOM SEARCH

Facebook Twitter rss feed Facebook Fan Page