I'm trying to build a box around my content and its a nightmare.

I know that my left image that repeats y is 25 px wide. So if my content box has a 25px left margin shouldn't it fit?

The top of my page is good and the footer is in the right area but I can't even get the right border to show up and when it does its under the left one.

The background image and both the left and right border images are not repeating.

Its just confusing

Anyone have a link that shows how to make a box?

Perhaps this border tutorial will help

Do you know if I can use repeating images as the border? In that tutorial I don't see where I can use images in place of the borders.

Here's what I have so far so you can see what i'm trying to do.

http://www.pgzz.gamerunion.com

The http://www.pgzz.gamerunion.com/images/left.jpg is in the right place but its not repeating.

The http://www.pgzz.gamerunion.com/images/right.jpg should be on the opposite side of the screen as the left.jpg instead of under it.

The http://www.pgzz.gamerunion.com/image...background.jpg should start at the bottom of the top image and repeat down the page making it look like the dirt keeps going. It needs to be going down the outside of the screen on the left side of left.jpg and the right side of right.jpg all the way to the bottom under bottom.jpg which i haven t even gotten to yet.

everything I am finding is showing me how to put a border around an image. I want to make a border out of images.

Thanks so much for the help.

For your dirt issue perhaps set

 
body{
background:url(images/bodybackground.jpg)repeat;
}

instead of on #container then have your header image as a background pic in another div at the top of your html content.

There is a way of getting a border of one repeating image. But getting a border with 5 different images(4 corners and straight) i dont believe you can. If you know the exact size of your content area and know it is static and wont change then you can draw the entire border and set as a background image

Is your content (the part that you want to have an image border) going to stay the same width? If so, instead of doing two images (one for the left side and one for the right side) use one image that is wide. (I attached an example of what I mean.) Then, just set that image as a background to the content div.

I think i got it. This is the kind of box I wanted to make.

http://www.pgzz.gamerunion.com/

I need to work on the colors and tweek it to match the page but I think thats it.


I used some tables to make it work but i'm not sure if that's a no no and it can be done in css or if its ok the way it is?


If its cool to use the tables like that i'll start on fixing my errors and validate my code.

Thanks for all the advice and help.

Using tables for presentation is a no-no
I like how it looks though.

I think I'm going to start a new thread to try and figure out how to do this in css. i've read a few pages about rounded corner boxes but once I get the corners in place I don't know how to add in the middle top, middle bottom, and middle side images.