dropshadow around border?? Please help

I have searched the whole internet for a solution to this and none of the explanations are complete or it could be i do not know enough css..but i want to create a drop shadow around the border of my webpage

First off i don't actually have a border per say i need to create it...since this is a template monster template there isnt a visible border on the template

This is what i want to do i want to have the drop shadow like this website

http://www.echo-electronics.com/

I do not have to have the rounded corners like that, i really just want the border and the dropshadow

Im pretty sure that this is done with css and images somehow...but i do not know the css code and how to position the images with the code... and there are no good explanations anywhere that i could find on the internet they are to vague and expect you to know css really well

Id appreciate any help at all,

thanks in advance

There is a Browser extension for FireFox called 'Web Developer' which you can download from the FireFox site. It allows you view the CSS code used and where.

In this case they are using a background image the width of the Template.

Website Rob:

There is a Browser extension for FireFox called 'Web Developer' which you can download from the FireFox site. It allows you view the CSS code used and where.

In this case they are using a background image the width of the Template.

thanks for the quick response ill try it ....i cant figure out how to position it though that's the biggest problem

ok, i figured it out the problem im having now is in between each time the image repeats there is white space in between it please help me fix this thanks,

never mind i just figured out it was the way i created the image in photoshop it is fixed now.

Ri,
And did you place the image in the body??? How did you come up with the width???? 1030 x 8

haredo:

Ri,
And did you place the image in the body??? How did you come up with the width???? 1030 x 8

yeah i placed the image in the body, i honestly kept guessing in photoshop until it came out right, but i dont think that is the right way because if you make the window smaller than the webpage it doesnt line up any more ....what can i do to fix that?

by that i mean if you make the webpage smaller than 1030 it does not line up how do i fix this?

Ri,
Could not tell you at the moment, I have never mastered this technique with CSS.

A fellow Zenner might enlighten us on this issue. :)

haredo:

Ri,
Could not tell you at the moment, I have never mastered this technique with CSS.

me either i wish i knew alot about it because it makes a website look a whole lot better

would you happen to know how to expand the center column on my homepage there is too much white space now around the edges...id really appreciate it

then drop shadow would consist of two background images , one for right and one for left ..
mainWrapper needs to be wrapped around two other div , each div will display dropshadow for each side.

this should eliminate photoshop work each time you change the width of your site . but may need CSS adjustment only .

Tony,
Please give us an example on your demo site of this procedure.
I am very interested in incorporating this technique to one of my sites.

Thanks if you have the time.. :smile:

this was one of the latest thread regarding this issue , you can look at the source and solution ..
http://www.zen-cart.com/forum/showthread.php?t=124273

i don't have any site that i can showcase .. :cry: