X-Cart forums

[flashshe]

Hello everyone,
First off lemme say that I appreciate all the people that are on here helping X-Cart newbies like me out. You all are the best!!!

So, I've looked around the forums and couldn't find out how to do this. I want to put a image border around the whole website (on the sides). I know how to do this in Dreamweaver, but could not find which .tpl to edit to put a table around the table that holds all the content. I added a 780 wide table around the table in customer/home.tpl, which is 770 wide, but that just messed everything up.

Thanks for any help!
-A

[Zaja]

Start wrapping in rectangle_top.tpl and close in rectangle_bottom.tpl.

[flashshe]

You are so awesome! Thank you!!!

[enchanted1]

Originally Posted by Zaja

Start wrapping in rectangle_top.tpl and close in rectangle_bottom.tpl.

Hi,

what do you mean by "start wrapping" and "close in"? I found both .tpl files, but don't know what i should add to the code to create the borders.

Thanks!
Rebecca
xcart version 4 gold

[balinor]

Rectangle_top.tpl contains a 'wrapper table'. Just add a border style to that table using CSS.

[enchanted1]

Originally Posted by balinor

Rectangle_top.tpl contains a 'wrapper table'. Just add a border style to that table using CSS.

Thanks Balinor for the fast reply!

What i'm trying to do is just put a 1.5" border down the left side and the right side of the page to "frame" the content of the webpage. When i edit the wrapper table using the "border" and "bordercolor" code in the table, it ends up creating a box all the way around the content of the webpage. How do i only have it on the left/right side instead of on top and bottom as well?

Does that require two "wrapper" tables - one with three columns, with the left and right columns having the background color set the way i want it and the middle column being the original wrapper table?

Thanks,
Rebecca
x cart gold 4.0

[balinor]

No, you just need to use css, not the html 'border'. Copy this into your skin1.css file:

.main-border {border-left: 10px solid #000000; border-right: 10px solid #000000;}

Substitute the correct hex color for the #000000 (which is black) and adjust the width in pixels to whatever you want.

Now add this to the table tag in rectangle_top.tpl:

class="main-border"

[enchanted1]

Thanks Balinor!

That worked perfectly - i really appreciate it.

Best regards,
Rebecca
xcart gold 4.0

[enchanted1]

Originally Posted by balinor

No, you just need to use css, not the html 'border'. Copy this into your skin1.css file:

.main-border {border-left: 10px solid #000000; border-right: 10px solid #000000;}

Substitute the correct hex color for the #000000 (which is black) and adjust the width in pixels to whatever you want.

Now add this to the table tag in rectangle_top.tpl:

class="main-border"

Hi Padraic,

thanks for the help before - the border looks a little plain so i wanted to put in an image and was wondering how i use an image file in the border tag instead of just a color?

Thanks,
Rebecca

[balinor]

You can't use an image in a border...you'll have to use table cells and set a background image for those instead.