Hey guys. I've been searching for an external CSS drop shadow code to impliment to my website. Images are a big part of my website and I think they look so boring without drop shadows. Also, my background is black so I'd need drop shadows that would show on black. Any help or links would be greatly appreciated, thanks.

Have a look at my photo galleries, and while you're there, do a "view source" on them. This probably isn't your ideal solution, but it will point you in the right direction.

And they bring up an important point. Right now, your background is black, but what happens if you decide to change that at some point in the distant future? If you poke around some of my galleries, you'll see that I'm still working on fixing that - old background colors built into the drop shadow images. If it's at all possible you might ever want to change your background color, you should implement your shadows in a way that will tolerate that.

If your images are mostly the same size, you can make a frame image that's mostly transparent, and then jump through hoops to make IE 6 understand. On the other hand, there are dozens of CSS drop shadow tutorials on the web. I don't have any URLs off hand, because I decided not to go that route; the few I looked at demanded as many as six divs per image.

Anyway, I hope this was helpful rather than confusing the situation more.

Maybe this:
http://alistapart.com/articles/cssdropshadows

All you would have to do is change the shadow color to fade from white to black.

If you put the images in a certain class of div tag, you can then modify tht div tag to turn it into a shadow:

1. use 'position:relative' and then 'top:5px;left:5px'
This will place it in a shadow position

2. give the div tag a background color (if you want an actual shadow then obviously a really dark grey that fades would be good)

3. if you have any problems with things being in the wrong order, then use 'z-index' to put it right.

Hope that was useful!

3. if you have any problems with things being in the wrong order, then use 'z-index' to put it right.

The only problem with that is z-index only works for absolute or relatively positioned elements.

Originally Posted by Angelosanto

1. use 'position:relative' and then 'top:5px;left:5px'
This will place it in a shadow position

Isn't that what I said to use though?

Oops.. sorry, -- yes you did. My bad.... looonnnngg day