WEB CSS: All around transparent .png shadow with rounded corners?

Discussion in 'OT Technology' started by fishbulb, Dec 20, 2008.

  1. fishbulb

    fishbulb Active Member

    Joined:
    Oct 29, 2001
    Messages:
    6,848
    Likes Received:
    4
    Location:
    md
    Anyone know of a relatively clean way to accomplish this without using tables and still allowing for dynamic height, not just the height of the image below?
    Only methods I know to lay several containers on top of each other fail since the border is a transparent png, and all of the other layers showing the base color become visible.
    [​IMG]
    thanks
     
  2. White Stormy

    White Stormy Take that, subspace!

    Joined:
    Sep 17, 2002
    Messages:
    85,489
    Likes Received:
    70
    Location:
    Sparkopolis
  3. Ricky

    Ricky █▄ █▄█ █▄ ▀█▄

    Joined:
    Jun 17, 2005
    Messages:
    38,766
    Likes Received:
    6
    shitload of tutorials on google
     
  4. Ricky

    Ricky █▄ █▄█ █▄ ▀█▄

    Joined:
    Jun 17, 2005
    Messages:
    38,766
    Likes Received:
    6
    oh wait wtf
     
  5. White Stormy

    White Stormy Take that, subspace!

    Joined:
    Sep 17, 2002
    Messages:
    85,489
    Likes Received:
    70
    Location:
    Sparkopolis
    if I understand you right..

    you could use one image for the top, one for the bottom, one y-repeated 1px high image for left side, one y-repeated 1px high image for right side

    use them as background images instead of trying to use them as borders

    with alpha-transparent 32bit pngs
     
  6. fishbulb

    fishbulb Active Member

    Joined:
    Oct 29, 2001
    Messages:
    6,848
    Likes Received:
    4
    Location:
    md
    Forgot to mention needing a dynamic width also, so one image for the top wouldn't really work.

    Dooby's link was exactly what I needed though, thanks.
     

Share This Page