Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / rounding off the bottom corners of sideboxes

rounding off the bottom corners of sideboxes

Locked

Views: 819

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
15 Jul 2009, 3:28 PM
#1
davowave avatar

davowave

New Zenner

Join Date:
Mar 2009
Posts:
90
Plugin Contributions:
0

rounding off the bottom corners of sideboxes

Hi guys, I'm trying to cobble together a zencart and although I'm making faster progress than I thot I would (thanks for all the efforts of the community and the kind zencart team) I'm having a problem figuring out how I might go about getting the effect I want on the sideboxes.

The 1st attached pic is what I have at the minute, the 2nd is where I'd like to be, with the bottoms of the sidebox rounded off.

Is there a way to do this? Do I need to add another div to the bottom of each sidebox?

Thanks for any help at all!

15 Jul 2009, 5:37 PM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: rounding off the bottom corners of sideboxes

Sideboxes already have enough divs to accomplish what you want. The best way would probably be to add the bottom cornered slice as a background to .leftBoxContainer, .rightBoxContainer {}, and give it a padding-bottom equal to the slice height. That will keep the content (with solid color bg) above the curves.

16 Jul 2009, 12:29 PM
#3
davowave avatar

davowave

New Zenner

Join Date:
Mar 2009
Posts:
90
Plugin Contributions:
0

Re: rounding off the bottom corners of sideboxes

Hey gjh42, your a true gent, that worked perfectly.

Thanks :D