Working with CSS drop shadows and image galleries

Technology, WordPress 14 Comments »

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.

WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS Log in