X-Cart forums - Know this is dumb question

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Know this is dumb question (https://forum.x-cart.com/showthread.php?t=15254)

Know this is dumb question

follow my sig link and check out my main cats, i know i am doing something completely stupid to not get that graphic to go all the way to the bottom of the table, this is the small bit of code for that section.....

Quote:

<TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
<TR>
<TD>
<TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
<TR>
<TD><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="CatHeadLeft">[img]{$ImagesDir}/spacer.gif[/img]</td>
<td class="CatHeadSpacer" width="100%">{if $link_href} <FONT class="VertMenuTitle">{$menu_title}</FONT>
{else} <FONT class="VertMenuBoxNewsTitle">{$menu_title}</FONT>
{/if} </td>
<td class="CatHeadRight">[img]{$ImagesDir}/spacer.gif[/img]</td>
</tr>
</table>
</TD>
</TR>
<TR>
<TD>
<table class="VertMenuBorder" width="100%" border="0" cellspacing="0">
<tr>
<td>
<TABLE class="VertMenuBox" border="0" cellpadding="0" cellspacing="0" width="100%">
<TR>
<td class="CatSubHeadL" width="8">[img]{$ImagesDir}/spacer.gif[/img]</td>
<TD class="CategoriesList" width="100%"></TD>
<td class="CatSubHeadR" width="8">[img]{$ImagesDir}/spacer.gif[/img]</td>
</TR>
<TR>
<td height="38" class="CatLeftSpacer">[img]{$ImagesDir}/spacer.gif[/img]</td>
<TD class="CategoriesList" width="100%">{$menu_content}
</TD>
<td class="CatRightSpacer">[img]{$ImagesDir}/spacer.gif[/img]
</td>
</TR>
</TABLE></td>
</tr>
</table> </TD>
</TR>
</TABLE>
</TD></TR>
</TABLE>

I'm not seeing any issues?

its basic html, the graphic down the right-hand side of the Categories Menu.....it ends before it reaches the bottom of the menu.....

I'm not seeing that in either Firefox or IE

So in other words you are telling me that I am the only crazy person seeing this shadowing problem down the right-hand side as I am showing in this example?
http://www.mindells.com/images/cat_example.gif

Now I see it :) It is because the background image you are using for that side of the categories table isn't long enough so it is repeating. Make the image tileable and you shouldn't have any problems.

the thing is 1 x 8 pixels, so its already repeating........

and i don't think it has anything to do with it centering either, because ive already tried valign="bottom" and nothing works, that space also stays there no matter if i delete some cats or add extras, so i know its not a centering issue

That image is cat_head_spacer_r.gif and it is 8x270 and has a purple stripe at the bottom of it and white space. When it repeats, you get that annoying space. Get rid of the white space and purple stripe and make it an 8x8 image and you should be fine....

man, now i just feel stupid, but for some reason, im not a total noob, and i know i didnt put that there like that.....somethin feels fishy, as it is correct on my home pc, but incorrect on the website/images.....hmmmmmmmm....but thanks anyway bro, preciate it