I really like what CSS can do for a Web site. I try to build everything now without using any tables whatsoever and for the most part it’s worked really well. CSS itself has come a long way allowing you to do many things including shadows, which is what I’ve been working on recently.
There was really no need for me to have an image gallery on the site since Peter gave me a Flickr Pro account, but it’s one of those things that I wanted to work on for myself. I’m using a really nice piece of gallery software for WordPress called Gallery Manager.
Gallery Manager gives you everything you need and integrates well with WordPress itself. Having that out of the way, I wanted to give the thumbnails and images a nice drop shadow, but I didn’t want to use Photoshop, I wanted it all done with CSS.
So the thumbnails you see on this page have a slight bit of padding and a nice drop shadow, which gives them some nice depth.
I tried it with Safari and it works great, but when I align any of the thumbs to the right Camino and Firefox won’t show the images. Strange, but I’ll keep playing around with that.
Update: Shortly after posting this I found what I was doing wrong to make the images align right in Firefox and Camino. If it doesn’t look right to you, let me know.
August 18th, 2005 at 1:10 am
Very nice Jim, but it looks a bit strange to not have the drop shadow line up with the shadow on the right. Aren’t those niggling little things the most maddening?
August 18th, 2005 at 7:07 am
i try to use css as much as possible at work, but, unfortutely the webs i work on focus much more on delivering content than on how the content is presented. i’ve also found that fire fox and ie for windoze don’t always support the same styles. *sigh*
August 18th, 2005 at 7:41 am
Jim, thanks for spreading the word! It’s really nice to see what people are doing with GalleryManager. Twiggy is a beautiful dog! I have been working on a new version which I’ll realease soon. Let me know if you’re missing anything or if you have any problems with it.
August 18th, 2005 at 9:19 am
Eric, I’m not sure I know what you mean. The shadow looks just like a wanted it to — maybe it’s me that’s off and not the shadow
August 18th, 2005 at 9:21 am
dmac, that is the good thing about having this site. I can work on content at MacCentral, while I play with presentation here
August 18th, 2005 at 9:24 am
Michail, what can I say — anyone that uses WordPress owes you a big thank you!
There are a lot of good developers out there, but what you brought to the table with Gallery Manager far surpasses anything else available. I would like the galleries to auto sort in reverse order, but I posted that on your site
August 18th, 2005 at 10:22 am
Wow, Eric, I see what you mean now. I checked the site on a different computer and there is a big white space between the pic and the shadow.
Does it look like that in the images galleries as well or only on this page?
August 18th, 2005 at 10:58 am
This is frustrating as hell!
It works on new Safari, Camino and Firefox, but I get that white thing jetting out on the right hand side on older versions of Safari!
August 18th, 2005 at 11:09 am
Could it be that it’s fixed?
I checked it all around in every browser and it all seems to work. Can anyone verify.
August 18th, 2005 at 5:43 pm
Seems to be working here at work: 10.3.9 and older Safari.
August 18th, 2005 at 9:16 pm
Thanks Eric!
August 24th, 2005 at 5:50 am
[...] Site 1 [...]
August 31st, 2005 at 11:02 pm
It looks good Jim! Seems to be wrking fine on 10.3 with Safari and Firefox, but Windows 2000 with IE looks a little messed up (you can only see the shadow along the bottom).
Don’t you just hate IE?
September 26th, 2005 at 2:47 pm
….working fine on Mozilla for XP.