Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4

Thread: Shadow Problems

  1. #1
    New to the CF scene
    Join Date
    Jun 2012
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Shadow Problems

    After looking through the forum, I don't think i've found a problem similar mine.
    What i'm trying to do is add a shadow to either side of an image, here's a site that illustrates what i'm trying to do: http://shop.ugmonk.com/
    Everytime I attempt to add a shadow to either side (not top or bottom) the effects offset each other, resulting in no shadow at all.
    Now i'm not sure if they use shadows there, but it has a shadow-like effect on a perfect line, going vertically down the entire page from header to footer.
    Any suggestions?

  • #2
    New Coder
    Join Date
    Sep 2011
    Posts
    47
    Thanks
    1
    Thanked 15 Times in 14 Posts
    As the CSS3 shadow property is not supported by IE 8 and below I would not recommend using it because more than 10% of the internet users are using versions of IE that doesn't support CSS3 shadows.

    The website you have referred to has used this image (but of course it's getting repeated to cover the whole height of the page) for generating the shadows, and I would recommend you to use a similiar solution: http://www.ugmonk.com/wp-content/the...ges/shadow.png

    With this post I've attached an example I created for you based on ugmonk's settings.
    Attached Files Attached Files
    Last edited by jimutt; 06-14-2012 at 05:10 PM.

  • Users who have thanked jimutt for this post:

    johnsuarez (06-14-2012)

  • #3
    New to the CF scene
    Join Date
    Jun 2012
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by jimutt View Post
    As the CSS3 shadow property is not supported by IE 8 and below I would not recommend using it because more than 10% of the internet users are using versions of IE that doesn't support CSS3 shadows.

    The website you have referred to has used this image (but of course it's getting repeated to cover the whole height of the page) for generating the shadows, and I would recommend you to use a similiar solution: http://www.ugmonk.com/wp-content/the...ges/shadow.png

    With this post I've attached an example I created for you based on ugmonk's settings.
    Thanks a bunch, this is exactly what I was looking for

  • #4
    New Coder
    Join Date
    Sep 2011
    Posts
    47
    Thanks
    1
    Thanked 15 Times in 14 Posts
    You're welcome!


  •  

    Posting Permissions

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