We help IT Professionals succeed at work.

Check out our new AWS podcast with Certified Expert, Phil Phillips! Listen to "How to Execute a Seamless AWS Migration" on EE or on your favorite podcast platform. Listen Now

x

how to achieve nice shadow-type border

amakalski
amakalski asked
on
Medium Priority
627 Views
Last Modified: 2006-11-17
If you look at web page
http://www.rogershelp.com/help/home.shtml
you can see on the left side news bulletin with shadow red border, so my question is How to achieve like this shadow-like border around element ?
Comment
Watch Question

Commented:
I think this page will show you exactly what you need.

bvinson

Commented:
Hmmm,

How about a link??

http://www.alistapart.com/articles/cssdropshadows/

Sorry,
bvinson
CERTIFIED EXPERT
Commented:
Unlock this solution with a free trial preview.
(No credit card required)
Get Preview
CERTIFIED EXPERT

Commented:
amakalski, just so you know, you don't have to use a table. You can, for example, change:

<table><tr><td>this is a table</td></tr><tr><td>with a drop shadow.</td></tr></table>

To:

<p>This has a dropshadow</p>

You can also change the color of:

#boxContainer { position: relative; background: #ff0000; margin: 4px;}

..to any background-color you like.

Author

Commented:
Greetings Daydreams,
1.I noticed there is one </div> tag missing, should I put it before </body> tag ??
2. Do you know what browsers are going to support this code ?
CERTIFIED EXPERT

Commented:
amakalski,
1. You are very observant! Yes, you should add the closing </div> tag before the </body> tag.
2. This is fine in IE and Mozilla. Should be fine in modern browsers with CSS support.

Author

Commented:
@Daydreams,
:-) It's my Dreamweaver editor who found this.
Thanks, I give you the points
CERTIFIED EXPERT

Commented:
amakalski,

Glad to help, and thanks for the A:)
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a free trial preview!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.