Results 1 to 2 of 2

Thread: Tough shadow question

  1. #1
    Join Date
    Mar 2007
    Posts
    1

    Tough shadow question

    Can anyone help me with shadow problems?

    I'm trying to make a shadow on a white box on top of a gradient background (like this: http://www.ryanhbowman.com/insight.gif). I want to make it in html in a way that the white box can always be centered in the middle of the page. I am fine doing the html part, it is easy to get a table to stay in the middle horizontally and vertically.

    My problem is trying to get the shadow to adjust with it. It would be as if I was trying to put a nice gradient shadow around the box in this webpage: http://www.landaureece.com/. See how the box moves around the page when the window is resized? How do I get my shadows to be transparent enough to work wherever on the background they fall?

    Appreciate this is slightly convoluted but maybe someone can help? Please?

    thanks,
    ryan
    http://www.ryanhbowman.com/insight.gif http://www.ryanhbowman.com/insight.gif http://www.ryanhbowman.com/insight.gif
    Last edited by ryanbowman; 19 Mar 2007 at 10:20 AM. Reason: make the question clearer

  2. #2
    Join Date
    Jun 2006
    Location
    Newnan
    Posts
    625
    Use a .png shadow bg. This is pretty tricky and you have to use a hack for IE (of course).... I dont have the link in front of me now for the hack, but I'll post it later...
    Or you can try to figure it out from my code on this sample site:
    http://www.pilotdesigns.com/canongate/
    http://www.pilotdesigns.com/canongate/layout.css
    It's in the #container tag in the CSS and then I may have linked to something in the index.php page..

    good luck
    Look at me! I'm an Advisor now!
    Pilot Designs - www.pilotdesigns.com

Similar Threads

  1. How do i add a drop shadow to this?
    By David9799 in forum Web Design, HTML Reference and CSS
    Replies: 1
    Last Post: 12 Sep 2006, 02:57 AM

Posting Permissions

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