dcsimg
www.webdeveloper.com
Results 1 to 3 of 3

Thread: Dynamic Background Image CSS DIV

  1. #1
    Join Date
    Aug 2008
    Posts
    39

    Dynamic Background Image CSS DIV

    I'm interested in getting a background div to be 'skinned' with a background image. The only thing is, the background div is a container for dynamic content, like a blog. The image I want to put in it, will simulate a container with a drop shadow etc. but the top and bottom are rounded off. It's basically a round-cornered rectangle.

    Is there some way of slicing the image up so that the background image can maintain its proportions but still extend to fill the size of the container?

    All help is appreciated in advance,

    Clément

  2. #2
    Join Date
    Mar 2007
    Location
    Orlando
    Posts
    670
    Sure. Create your image for your four corners and repeatable images for the top, bottom and sides. Just make these images a few pixels tall/wide so you can repeat them and let them expand to size of the content.

  3. #3
    Join Date
    Aug 2008
    Posts
    39
    Thanks for the reply Jason.

    Could you be so kind as to provide some example CSS code for such a background collage?

    Many thanks.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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



Recent Articles