954,600 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article

Drop shadow around content?

I am still new to CSS, how would I add a drop shadow around the main conent of this page? www.racexpressions.com I have been trying for a while but I can't seem to get it to work. Thanks!

cmills83
Posting Whiz in Training
249 posts since Jun 2004
Reputation Points: 37
Solved Threads: 1
 
I am still new to CSS, how would I add a drop shadow around the main conent of this page? www.racexpressions.com I have been trying for a while but I can't seem to get it to work. Thanks!

Do you mean somting like this

<div style="height: 125; width: 400; filter:DropShadow(color=#C0C0C0, OffX=10, OffY=10)">
Text with shadow
</div>
peter_budo
Code tags enforcer
Moderator
15,436 posts since Dec 2004
Reputation Points: 2,806
Solved Threads: 902
 

I guess I am not looking really for a drop shadow, but moreso a border using gradient.gif to give it an even gradient border all around. Thank you for the reply I'll use that script too, thanks!

cmills83
Posting Whiz in Training
249 posts since Jun 2004
Reputation Points: 37
Solved Threads: 1
 

To be more specific, in Photoshop draw a box and double click the layer and select 'outer glow', that is what I am trying to do. Thanks!

cmills83
Posting Whiz in Training
249 posts since Jun 2004
Reputation Points: 37
Solved Threads: 1
 

You my do that by simply applying filter settings to img tag

<img src="yourimage" style="filter:DropShadow(color=#C0C0C0, OffX=25, OffY=10)">

Is this what you whant typecss filter: DropShadow in google and there is lot of examples like this two

http://www.fred.net/dhark/demos/css/css_filter_examples.html
http://www.w3schools.com/dhtml/dhtml_css.asp

Hope this is what you are looking for

peter_budo
Code tags enforcer
Moderator
15,436 posts since Dec 2004
Reputation Points: 2,806
Solved Threads: 902
 

I found an example of exactly the effect I am trying to get from another member.
Thank you for the other ideas, I am going to use the dropshadow on some text for another site.

The shadow around the main content...
www.sitetutor.com

cmills83
Posting Whiz in Training
249 posts since Jun 2004
Reputation Points: 37
Solved Threads: 1
 

i have such this problem too so could you show me the code cmills83? and is it a cross-browsers platform? thanks

borith
Newbie Poster
1 post since Apr 2008
Reputation Points: 10
Solved Threads: 1
 

This question has already been solved

Post: Markdown Syntax: Formatting Help
You