X-Cart forums

[guy gregor]

if i add border:1px solid #666666; to the vertmenuleftcolumn in the css file , i get a border enclosing my three left menu boxes , but i cant seem to get any control over its postioning.

im trying to enclose the three left menus , in a coloured box , spaced out from the edge by about 10 px ,

i have tried all manner of tables,divs etc to achieve this, but all i seem to achieve is breaking the whole layout.

i suspect the problem is caused by my 'extensive' modification of the layout without really knowing what im doing, so widths and css being inherited all over the place, so the reall solution maybe to rewrite the layout from scratch , or buy a template, but if anyone can suggest a solution i would really appreciate it , as i have no hair or family left !

great forum btw, thanks to all the contributors.

[balinor]

If you want to space it out, I'd add a new <div> around the three menu includes, but inside the VertMenuLeftColumn class. Then, you can add 10px of padding to the VertMenuLeftColumn class.

[guy gregor]

Originally Posted by balinor

If you want to space it out, I'd add a new <div> around the three menu includes, but inside the VertMenuLeftColumn class. Then, you can add 10px of padding to the VertMenuLeftColumn class.

many thanks balinor, ive been fiddling with for ages to no success !

just for the record, i ended up with this in home.tpl

<td class="VertMenuLeftColumn">
<div class=guybox>
{include file="customer/categories.tpl" }
<p />&nbsp;
{if $active_modules.Manufacturers ne "" and $config.Manufacturers.manufacturers_menu eq "Y"}
{include file="modules/Manufacturers/menu_manufacturers.tpl" }
{/if}
<p />&nbsp;
<img src="{$ImagesDir}/spacer.gif" width="150" height="1" alt="" />
</div>

and then added this to the css file

.guybox {border:2px solid #3399ff;margin:2px;}

you can then move the menu boxes around inside the box with the vertmenuleftcolumn css , and change backgound colour etc.

guy