Results 1 to 2 of 2

Thread: CSS Drop Shadows for Columns Help

  1. #1
    Join Date
    Oct 2007
    Posts
    1

    CSS Drop Shadows for Columns Help

    I am running into the same problem quite frequently. When the content of my page is on a centered column, and I'm using a drop shadow on the left and right borders, there is always a visible line where the drop shadow image is re-starting. Here is a good example of what I'm talking about. Basically I'm just tileing the drop shadow vertically, but every time it tiles, you can see! I need help! How can I create a more smoothed looking drop shadow for my columns? Here is an example of what I would like my shadows to look like.
    I just found another perfect example of a smooth drop shadow on a centered column here in the forum. Its smooth!

  2. #2
    Join Date
    Sep 2006
    Location
    Perth, Australia
    Posts
    211
    In regards to your background image, you should make it only 1px high and then repeat it. In regards to the shadow finishing at the bottom, the only way to fix this is by adding an image to the bottom, say 10px high, with a rounded drop shadow on the corners. Like - http://clients.perthweb.com.au/ertech/ (I work for the company who made this site - I did the cut-up) Notice that the rounded drop shadows are actually part of the image itself.

    That is how you get the desired effect.

Similar Threads

  1. Can drop shadows be created using web 2.0?
    By Vanquish in forum Web Design, HTML Reference and CSS
    Replies: 1
    Last Post: 24 Dec 2006, 01:49 AM
  2. Drop down menu, CSS or otherwise
    By apuffer in forum Web Design, HTML Reference and CSS
    Replies: 1
    Last Post: 07 Aug 2006, 02:05 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •