How to add image for Padding?

[fastdc5]

I would like to use the attached for my overall padding for my middle section. I would also like this image mirrored on the opposite side. Dont recall where/how within the CSS to make this change.

Much thanks


7th gear imports .com / storefront

[rstevenson]

I don't understand what you mean by "overall padding". Padding, in CSS terms, is a space applied to the inside of the bounding box (what you call the "middle section"), on one or more of the sides of that box. To be clear, it's a space, not a thing. So you can't put a graphic file into that space just by calling it padding and adding it to the stylesheet.

However, you could add it as a background image inside any bounding box, and make it align left (or right, but not both) and not repeat. So your image would act as a vertical border on either the left or the right side of that box. A horizontal image format could be used for the top or bottom of a box (but not both.)

To use it this way you can even make it a much smaller image (only 1 pixel high), and allow it to repeat vertically but not horizontally. This will allow it to stretch to fit the space available.

Rob

[fastdc5]

Let me restate that.

I am looking to run the above image as a border on my left side and right side. So that it would start at the outter most edged of my flash header and continue down all the way to the bottom of the page.

[yelow]

You might be better off making an imagine in the following manner:

Put your Flash header on the page, and take a screenshot of it, paste the screenshot into the Photoshop of your choice and make a wide and short image, that just covers the width from the left to the right behind the Flash header. Then, put that as background with repeat-y on it.

#headerDivision { background: url(../images/backgroundHeaderDivision.gif) repeat-y; }