Border problem

[forteanajones]

Any idea where this padding might be coming from? My StyleVar Spacer Size field is blank.

[Wayne Luke]

Most likely it is coming from margins or padding on the different elements. However if you don't want spacer, you should specify a 0 in the spacer size value instead of blank. Browsers can implement default or inherited spacing if it is not overridden with a value.

[forteanajones]

Most likely it is coming from margins or padding on the different elements. However if you don't want spacer, you should specify a 0 in the spacer size value instead of blank. Browsers can implement default or inherited spacing if it is not overridden with a value.

Thanks for the heads-up, I zeroed out the spacer size.

I just systematically combed through all my Main CSS element definitions and all StyleVars variables, and strangely nothing has remedied this black border. I even added a new CSS class and edited the table accordingly.

Added to Additional CSS:

.tablethinborder

{
style="
border-width: thin;"
}

Header template:

<table border="0" [COLOR=Red]class="tablethinborder"[/COLOR] cellpadding="0" cellspacing="0">
<tr>
    <td width="33" height="145" style="background: url($stylevar[imgdir_misc]/bg/bg-left.png) repeat-y 0% 0px;"></td>
    <td></td>
    <td width="33" height="145" align="right" style="background: url($stylevar[imgdir_misc]/bg/bg-right.png) repeat-y 0% 0px;"></td>
</tr>
<tr>
    <td width="33" height="20" style="background: url($stylevar[imgdir_misc]/bg/bg-left.png) no-repeat;"></td>
    <td height="5" style="background: url($stylevar[imgdir_misc]/bg/page_top.gif);"></td>
    <td width="33" height="20" style="background: url($stylevar[imgdir_misc]/bg/bg-right.png) no-repeat;"></td>
</tr>
<tr>
    <td width="33" style="background: url($stylevar[imgdir_misc]/bg/bg-left.png);"></td>
    <td valign="top">

[Wayne Luke]

[quote=forteanajones;1160111]

.tablethinborder
 
{
style="
border-width: thin;"
}

The above is invalid code and will not do anything.

.tablethinborder {
border-width: thin;
}

Would work. Check your body and any other styles for padding or margin though.

[forteanajones]

.tablethinborder {
border-width: thin;
}

Would work. Check your body and any other styles for padding or margin though.

Thanks for the code suggestion. It still isn't overriding anything.

I just went through my StyleVars, Main CSS and Additional CSS Definitions and took all padding and margin pixel stuff completely out. No effect on this problem. I have not hacked any files, so what else could be happening?

[Beller]

I had this problem...Look trough style manager> all style options > Additional CSS Definitions
Somewhere there there is proboblt a an image for this maybe named BG-l or BG-R ... it will be set repeat-y
change it to repeat-n