I have what might be a unusual problem.

Go here...this is a test page: http://sautters.net/sautters2/gc-test/
(This page is not i menu, but is available, so you can look at other pages)


I need to create a border (the green line, preferably) using a image.
It needs to be expandable to adjust for differring heights of each page. (preferably)

That is my first issue. My second issue is that different page will be using different borders.

I am at a complete loss to due this, I can not even seem to create a single border, aside from the solid color border.

This needs to be simple, as i can modify (edit) current CSS, PHP, etc, but do not know enuf to create/insert any of the above.

I hope someone can help me.

Thanks for your help.

I am not sure about the simple part but what I did for this site was to give the #container a background image and then adjust the css for other areas to display it correctly but there really isn't a step by step.

You will have to set the background for td#middle and td#right and td#left if necessary so the background for the container doesn't show.

The image you use is important as well. I used a tileable image and repeated it. Other background images may not work as well.

To have a different "border" show on different pages would require use more CSS that uses the selector for the page along with the selector for the container. For example if the page id was 32 you would use something like the following.

body.page-id-2 #container {
background: url(path to image) repeat top center;
}

I'm looking for some guidance in this area as well.

I'm trying to mimic this site's "box" features so I can have a fancy border around each of the sections of the site.

http://www.michaelsaunders.com/

The "boxes" are around the "just listed" and "local real estate news".

I'm OK with finding the ATA sections and adding the CSS, but I can't seem to find (on here or on the web) a good instructional on making an image the border for a div.

My challenge is that the borders (top, sides, bottom) will all be different.

I recognize this is a bit outside of the ATA forum, so any direction would be greatly appreciated.

The make a "border" an image you will probably be dealing with a background image and padding. The example you gave is just a background image. I am not real clear on what you want to do.

thanks for the speedy reply.

I can get an image (top center) to display on the container and likely on my widgets, etc..

I'm unsure how to get multiple images into a single div. (top, left, right, bottom).

The reading I'm doing as we speak is taking me down the road of creating child divs and giving them each their own background image with fixed positioning inside the "main" div.
http://nicolasgallagher.com/multiple...ers-with-css2/

It is logical and seems like it would make sense. Then all I would need to do is add those "children" to each of the sections (container, posts/pages, etc.) that I want to have that specific border. I would then do the same for the 2nd type of border.

I'm showing my vast ignorance of this technique here, so if there's a better way, and assuming i've explained myself well enough. I'm very open to alternatives.

It looks like (on the michael saunders site) that they just built those sections from 2 parts and gave those parts their own background.

Not sure how I would approach this. Maybe someone else will have some ideas or you can sort out the instructions from that site.