Shortcut to middle column design

If you have a look at my site : https://www.tonquebec.com

you'll notice that my left and right columns have a sort of flipped corner paper design to them. I am currently trying to apply the same design to ALL pages for the middle column, like in http://www.tonquebec.com/index.php?main_page=product_info&products_id=46

The problem is that I have to edit all the tpl pages for this effect to be applied and I was wondering if there was one main php file I could edit so as to avoid going through the 50 or so tpl page adding the tables and graphics.

It looks like you've fallen into the 'when all I have is a hammer, everything looks like a nail' trap.

You should be able to do what you want to do without changing the CSS-based Zencart includes to an old-fashioned table layout.

The sidebox and center column header images can be specified in the stylesheet, as can borders for those areas. It may not end up looking exactly like your example, but it could be very close.

stevesh:

It looks like you've fallen into the 'when all I have is a hammer, everything looks like a nail' trap.

You should be able to do what you want to do without changing the CSS-based Zencart includes to an old-fashioned table layout.

The sidebox and center column header images can be specified in the stylesheet, as can borders for those areas. It may not end up looking exactly like your example, but it could be very close.

The problem is that I need to make tables.

And it needs to look exactly like the sideboxes because this is part of a network of sites that have the same layouts and designs.

I would love for there to be a simple CSS solution, but I don't know how to build tables in CSS :(

NoWhErE:

The problem is that I need to make tables.

And it needs to look exactly like the sideboxes because this is part of a network of sites that have the same layouts and designs.

I would love for there to be a simple CSS solution, but I don't know how to build tables in CSS :(

Create 2 images for your center boxes

and add the following to your stylesheet.css

.centerBoxWrapper {
margin: 0;
background-image:url(../images/title_cap_left.gif);
background-repeat:no-repeat;
background-position:top left;
}

.centerBoxHeading {
margin: 0;
height:32px;
background-image:url(../images/title_cap_right.gif);
background-repeat:no-repeat;
background-position:top right;
padding: 0.5em 0.2em;
}

clydejones:

Create 2 images for your center boxes

and add the following to your stylesheet.css

.centerBoxWrapper {
margin: 0;
background-image:url(../images/title_cap_left.gif);
background-repeat:no-repeat;
background-position:top left;
}

.centerBoxHeading {
margin: 0;
height:32px;
background-image:url(../images/title_cap_right.gif);
background-repeat:no-repeat;
background-position:top right;
padding: 0.5em 0.2em;
}

thats great info!!!

my only problem is if I do that my page wont't be adujstable anymore (i.e if someone changes the size of the window)

Use the sliding door technique - that is one image(the right cap) is a fixed width say 20w x 30h the other (the left cap) would be say 1500w x 30h.

This will allow them to fill the space they need.

Notice the "top left" and "top right" in the CSS above? Those specify that one background image sticks to the top left of the box, and the other sticks to the top right. When the page stretches, the images follow the box corners.
As long as the .centerBoxWrapper bg is long enough to fill the largest possible width, the box will appear to seamlessly stretch.

gjh42:

Notice the "top left" and "top right" in the CSS above? Those specify that one background image sticks to the top left of the box, and the other sticks to the top right. When the page stretches, the images follow the box corners.
As long as the .centerBoxWrapper bg is long enough to fill the largest possible width, the box will appear to seamlessly stretch.

Oooh I never used that technique before.

It makes alot more sense!

Thats going to save me ALOT of time.

Thanx!

Hi,

I have had image handler installed in my zen-cart when I edit an image and try to use image handler to add images I get this message:

Warning: move_uploaded_file(/home/bellabel/public_html/images/medium/lulucandydress_03_MED.png) [function.move-uploaded-file]: failed to open stream: Permission denied in /home/bellabel/public_html/admin/includes/ih_manager.php on line 191

Warning: move_uploaded_file() [function.move-uploaded-file]: Unable to move '/tmp/phpzbsPb2' to '/home/bellabel/public_html/images/medium/lulucandydress_03_MED.png' in /home/bellabel/public_html/admin/includes/ih_manager.php on line 191
Error TEXT_MSG_NOUPLOAD_MEDIUM

I am a complete novice and have no idea what this means - the lady who installed image handler couldn't work it out either.

I am hoping beyond hope that someone might know what the problem is and help me fix it.

I would really appreciate it.

Many thanks,
Vicki

I just encountered a small problem.

have a look at the site : https://www.tonquebec.com and you'll see my problem.

The header is 1 row, the wrapper is another row. But the top left corner, I can't seemlessly integrate it using the sliding door technique.