Adding a repeat-y border (image) down left and right sides
 

I need some help with something:

I have a header background image defined. But now I can't figure out how to add a repeat-y image border and foooter image. I created a slim 1px x 12px wide image that will be my repeating border. How do I add this? and center it below my header?, without it being on top of my header and everything else?

Also, how do I add a footer image?

Here is the coding I added to create my header background?

html,
body
{
margin: 0px auto;
margin:0;
background:url(images/fashion_mosaic/bg.jpg) no-repeat top center #291f16;
}

Re: Adding a repeat-y border (image) down left and right sides
 

Hi Mike

You've posted this in the 4.2/4.3 forum - yet your signature shows 4.0.
Which is correct please? If it's 4.0 I'll move it, then you'll get some answers relevant to your template.

Re: Adding a repeat-y border (image) down left and right sides
 

The x-cart version I need to edit is 4.3...current work in progress.

Thanks

Re: Adding a repeat-y border (image) down left and right sides
 

Bump. Any help please?

Re: Adding a repeat-y border (image) down left and right sides
 

A url would help. If the above is for the header why do you add the image in html,body? Add it to #header. Add footer background in #footer. Border can go in #page-container or whatever your median part is called if that border have to apply for that median part only

Re: Adding a repeat-y border (image) down left and right sides
 

Hi Steve and thank you for the reply.

http://67.20.92.91/store/home.php is the test url for the new cart.

I'll look into your suggestions and again...thank you for your input.

Re: Adding a repeat-y border (image) down left and right sides
 

I see it now. That image is not for the header - it takes much more space. You may need to break it into few images and apply each one on different elements. You can also try with div's with absolute positioning for some of the images. Also may need to change the with of the page-container so it includes the border and make the backgroung of it 1px height and whatever the width of the container is. That way you get vertical repeat of the background with the border