Go Back   TechArena Community > Software > Software Development
Become a Member!
Forgot your username/password?
Tags Active Topics RSS Search Mark Forums Read

Reply
 
Thread Tools Search this Thread
  #1  
Old 15-04-2009
Member
 
Join Date: Apr 2009
Posts: 65
Display shadows in CSS layout

Have been looking around the web in search of a tutorial to apply a drop shadow to either side of a container. Left and right only to be specific.However, I am struggling to understand how to setup the left and right shadows. I made a main wrapper with the complete width of the website, which accounts for the shadows.
Reply With Quote
  #2  
Old 15-04-2009
Member
 
Join Date: Jan 2009
Posts: 140
Re: Display shadows in CSS layout

Basically, you create a wrapper image which spans both your columns. Then at the left & right edges, you apply a drop shadow. Export your wrapper image and you're set.

I didn't look at your CSS file in-depth but make sure if you're using a fixed width layout that your math equals the total width of your wrapper, whatever that happens to be.

Then the CSS is:

Code:
.content{
background-image:url(wrapper.jpg);
background-repeat:repeat-y;
}
Reply With Quote
  #3  
Old 15-04-2009
Member
 
Join Date: Jan 2009
Posts: 99
Re: Display shadows in CSS layout

That will make it difficult as any specific advice would depend on your coding as positioning and sizing are vital considerations.

Typically though shadows require some shims, in essence, if you think of your panel it has a South, East, North and West side. Most designs I've seen depend on having shims on the S and N side, implementing the shadow and either the E or W end of the shadow ending.

The E or W shadows can usually be implemented using the containers of the panel ? but this of course depends on how you've done your design.
Reply With Quote
  #4  
Old 15-04-2009
Member
 
Join Date: Dec 2008
Posts: 31
Re: Display shadows in CSS layout

The only other way i was thinking is if i set it up so that row 2 has another div inside and i set the top margin to a negative... then set the 3rd row to a negative as well but set it to be behind row 2...???
Reply With Quote
Reply

  TechArena Community > Software > Software Development
Tags: ,



Thread Tools Search this Thread
Search this Thread:

Advanced Search


Similar Threads for: "Display shadows in CSS layout"
Thread Thread Starter Forum Replies Last Post
after installing Windows 8.1 preview, keyboard Layout automatically switches to US-layout Ebadaah Operating Systems 3 31-07-2013 11:26 AM
Shadows of the Damned Walkthrough & Tips RedZot Guides & Tutorials 6 21-08-2011 01:14 PM
Problems with shadows in Crysis Diabloplayer Video Games 4 27-03-2009 07:08 PM
Thief 3 Deadly Shadows Wizard of OCD Vista Help 4 22-11-2008 09:42 PM
Spider-Man Web of Shadows kattman Reviews 1 10-06-2008 07:32 PM


All times are GMT +5.5. The time now is 09:31 PM.