Advertisement

05.12.2008 at 02:45PM PDT, ID: 23396086 | Points: 250
[x]
Attachment Details

How do I create a drop shadow effect for a page div?

Asked by stockthat in Cascading Style Sheets (CSS), Adobe Photoshop, Hypertext Markup Language (HTML)

Tags: HTML + CSS

I've created a Photoshop mockup of a page design for a client, and need a solution for adding a drop shadow effect to the main content box on the page.  See the Photoshop shadow in the attached image.

The gradient background of the page will be an image repeated horizontally in the CSS file.

A real-world example of the drop shadow effect I'm looking for is around the gray section on Adobe's homepage, http://www.adobe.com/ .Start Free Trial
Attachments:
 
Homepage-Design.jpg (262 KB) (File Type Details) 
Photoshop Mockup
Photoshop Mockup
 
[+][-]05.12.2008 at 02:48PM PDT, ID: 21550794

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 7-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]05.12.2008 at 06:46PM PDT, ID: 21551705

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 7-day free trial to view this Expert Comment or ask the Experts your question.

 
 
Loading Advertisement...
20080716-EE-VQP-32 / EE_QW_2_20070628