Web Analytics Made Easy -
StatCounter CSS background/border images - CodingForum

Announcement

Collapse
No announcement yet.

CSS background/border images

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • CSS background/border images

    This is something I've been able to avoid doing in CSS so far, but I need to take care of it now. This site has a drop shadow going off the left right side (outlined in red in the screenshot below). How can I get this border/shadow to stick to that side and extend to the full height of the content area? Is it possible to do without javascript? I've managed to do something similar before, but I did it for a site that doesn't use dynamic width so it was much easier. Any help would be appreciated.

    http://www.uploaderx.net/pics/cssq.jpg

    edit: hmmm that url didn't work. try this one

    http://upload.intermatter.net/bin/cssq.jpg
    Last edited by [m] at; Aug 3, 2005, 03:20 PM.

  • #2
    You can either nest a div in a div making the outer div wider so you can have the shadow repeat-y as a background image or use one div and give it enough right padding so the background image can be seen, you would still repeat-y;
    ||||If you are getting paid to do a job, don't ask for help on it!||||

    Comment


    • #3
      Onion skins

      You can get a visual clue of what _Aerospace_Eng_ is meaning in the ALA article "Onion Skinned Drop Shadows". You may want to approach things slightly differently then the article describes, but the layering approach still holds.
      Regards,
      Ronald.
      ronaldvanderwijden.com

      Comment

      Working...
      X