Mobile Friendly Website


Doing it with style

Fluid drop shadows 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

Hi Stu, been a fan of this website for some time now. is there any way of applying this for images of any size?
(06.07.2005, 18:46)

think i got it. i just took out image from <div class="out image">

I was trying to put in a comment under the image but this was expanding as the text went on!
(06.07.2005, 18:50)

hi Stu,

When I remove padding:5px from .in i get a
white line about 2px at the bottom of the picture in IE6!
Please confirm!
(07.07.2005, 22:43)

Tucker Bickler:-
Hey Stu, I'm using this technique for my Boy Scout Troop's Website. But, when I view it in IE, as opposed to FF, the buttons on the left do not show up. Here's a link if you'd like to look for your self: Coincidently my host has been acting up so try going to the page a little later if it doesn't show up immediatly. My email is . I would really like your help, you're the one who would know ;)
(15.08.2005, 23:51)


I have just tried using this shadow idea and it's fantastic. I only have one additional requirement, and that is how can I get it to stay in the middle of the screen (horizontally and vertically).

I could use a 3x3 table and put this in the middle one, but is there a css way to do this?
(22.08.2005, 14:27)

Horizontal is fairly straightforward using margin:0 auto; for Mozilla etc and text-align:center; for older versions of IE.
But vertiacla align is not so easy as it is not supported in anything except tables at the moment.
(22.08.2005, 14:53)

Thanks Stu.
text-align centres the text; not quite what I wanted, but margin:0 auto works in IE6.
I have bookmarked your site, as I'm sure I will be visiting frequently :)
(22.08.2005, 16:19)

Hi Stu. New to CSS and was wondering... along the lines of Tomas -> Suppose you want a generic css template for your website. You want every image to have an appropriate drop shadow but image sizes vary from page to page. Is there a way to wrap a div around each image and shadow the div and not the image? Thnx!
(31.01.2006, 01:11)

.. and adding for instance (wich is not valide css)
-moz-border-radius : 10px;

to the "shadow's boxes" you have round corners shadow in mozilla / firefoxe .

too bad it's not css1/2/3 "compatible" ...
(17.05.2006, 16:10)

Neat stuff all over the site. Thanks a lot!

Just FYI, I noticed on this page in my FF browser that the image example is not centered in the box, but right-aligns to the box. It looks correct with IE6
(28.02.2007, 22:25)

10 of 39 comments (part 1). [ » ] [ * ]


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