View Single Post

  Post #7 (permalink)   11-18-2009, 09:23 AM
HD Guru
siforek's Avatar
Join Date: Mar 2009
Location: Salt Lake City, UT
Posts: 663

Status: siforek is offline
Originally Posted by energizedit View Post
Here is the css you are looking for -moz-box-shadow:1px 1px 10px rgba(0, 0, 0, 0.3); A Google search will find what you need.

Unfortunately that method only works with Firefox and isn't valid CSS. While most people can get away with validation errors, it's crucial that things look the same in all major browsers. This is how I do it:

Use Photoshop or Illustrator to create the box w/shadow. Slice it up: top and bottom, and a 1px high image that repeats the middle vertically. Then using CSS you use the 1px high image for the div's background, and place the div's top & bottom backgrounds using either the divs above and below them or style an element like an <hr />

That's just how I have done it in the past. There's actually many articles and various methods online if you use your best friend; Google
| | Fiber Elephant | | Virtuozzo & Reseller Hosting
█ | Never oversold, always managed & on the SoftLayer network!
█ | Call us toll free 24/7! | 1-888-92-FIBER