Hello, I am currently developing a website, and have run into a small problem. I have no idea how to code a drop shadow, How would I go about doing this? should I use CSS or HTML?

here is an example the drop shadow I need to code.

where the dark gray pattern is the background of the website, and to the right is the main website container. I really need help with this ASAP.

Thanks in advance.

You can't really "code" a drop shadow without trying to use some annoying script language.

Have you just tried creating a transparent drop shadow image, then using that in your stylesheet as a background image? You can set it to repeat x or y, and various other entities.

You COULD use a mass combination of divisionsand opacities. This will only work on browsers that support the opacity property.

However, why not just use a very wide background (say 2000px) to cover all screen resolutions and then tile it through the Y axis.

As much as I know - the fastest way to do this is use DROP SHADOW in Your graphic application and then, when slicing, just make slices a little bigger, that the drop shadow will be as a simple image

put the drop shadow in you background image.

You can do shadow effects like this with CSS.

Originally Posted by King Justice

You can do shadow effects like this with CSS.

How, without using the methods I outlined?

Originally Posted by Mooofasa

You COULD use a mass combination of divisionsand opacities. This will only work on browsers that support the opacity property.

I think that those browsers that don't support the opacity property are very rare. Maybe you should not think so much about them.

Originally Posted by King Justice

You can do shadow effects like this with CSS.

ummm....go on....explain.

Sounds new to me!

Have a look at http://alistapart.com/articles/cssdropshadows
Nice tutorial on how to create drop shadows with CSS.

I know they are not perfect, but mostly this will do

Originally Posted by hschmitz

Have a look at http://alistapart.com/articles/cssdropshadows
Nice tutorial on how to create drop shadows with CSS.

I know they are not perfect, but mostly this will do

That does show how to use CSS to do a drop shadow, but you still have to use an image.

you can use microsoft filter but it will work on IE 5.5+ only

for full info visit
http://msdn2.microsoft.com/en-us/library/ms532985.aspx