xTemplate doesn't like backgrounds in a table?

[Guest Christine from gecko Gully]

I have downloaded a wonderful html template which I am modding to use with CubeCart V3.0.18.

It is all going really well, except for one bit of code (in styleTemplates/global/index.tpl):

<table width="779" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td><img src="images/index_01.jpg" width="780" height="196" alt=""></td>

</tr>

<tr>

<td style="background:url(images/index_03.jpg)"><table width="100%" border="0" cellspacing="0" cellpadding="0" style="background:url(images/index_02.jpg) no-repeat top">

<tr>

<td style="background:url(images/index_05.jpg) no-repeat bottom"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="150" valign="top">&nbsp;</td>

The bit I am having trouble with is <table width="100%" border="0" cellspacing="0" cellpadding="0" style="background:url(images/index_02.jpg) no-repeat top">

If I run this as straight html code, I have no problems, and the image comes out really well in the table background.

But when I feed it through CubeCart, that background image does not appear. Everything else works just fine, except that.

Does xTemplate have a problem with putting a background image on a table? I have been trying to find a work-around for this, like for example using {FILE "filename.html"} to include the html file in the .tpl, but the same thing happens.

Any ideas anyone? I have Googled it silly!

Thanks,

Christine.

[Guest Christine from gecko Gully]

Fixed it!! I worked on this damn thing for about eight hours...

The problem was resolved when I specified the path from the root in the image file name. I only needed to do this for the table background image.

So instead of:

<table width="100%" border="0" cellspacing="0" cellpadding="0" style="background:url(../../styleImages/backgrounds/index_02.jpg) no-repeat top">

I now have:

<table width="100%" border="0" cellspacing="0" cellpadding="0" style="background:url(skins/Legend/styleImages/backgrounds/index_02.jpg) no-repeat top">

And it works well. I hope this helps someone (including maybe me when I come across this again and can't remember how I fixed it!! )

Christine.