tags:

views:

46

answers:

1

I have 6 images that makes a box. (for the borders, and corners), How would I put the images together and make it dynamic and get bigger when I put more content in it?

+1  A: 

Either use a sliding doors approach (also see the follow up article) generalised to four way expansion, or put all your images back into one and investigate the border-image property.

If you want to support IE and older browsers then sliding doors is the way to go, if you're targeting smartphones then border-image will probably be OK.

robertc
Can you explain the border-image? Do I have to put all of the images together one image and just use that one single image?
omnix
@Kawohi Yes, read the tutorial I linked to, it does a better job of explaining it than I could manage in a comment.
robertc