Please help displaying images with CSS

[SeánT]

Hi there,

I'm hoping somebody can help me with this.

What I want to do is create a round cornered 'box' with a nice border around it on top of which my content can sit.

Kind of like this site here but with the box not extending to include the left sideboxes.

I can't discover how to do this. On that site it appears to be done with wrappers but I can't discover any FAQ's or how-to's regarding these. If I was just using CSS and HTML I'd just define what I needed in the CSS and then call it up from the HTML. I don't believe I can do this in Zen Cart though.

Does anybody know how I can make a round cornered box with a top and bottom image and then a centre image that repeats/tiles according to the size of the content in the .centercolumn. I've been trying to work out how to do this for two days now and it'd be really cool if somebody could point me in the right direction. Cheers.

[stevesh]

The site you referenced uses the 'Cold Steel' template, which includes those corners. See it here:

http://(sorry, site offline)/

and either install it to your site or examine it in Web Developer to see how Clyde did that.

[SeánT]

Thanks for the reply. Yeah I'd tried that but the difficulty I was having was in finding the right php file to put the DIV in. I'm now guessing that tpl_main_page.php is what I should be messing with once I have things defined in the CSS