X-Cart forums

[tbm]

Hey,

Adding a header and footer to my x-cart site. Initially I just added basic tables to the rectangle_bottom.tpl and rectangle_top.tpl files, dumped the images into the tables and it worked fine. But I now want to set them as background images so i can over-lay menus, text etc.

after messing about with various table attributes I got as close as i could with tables using this:

<td height="52" width="988" style="margin-left:auto; background-image:url(images/footer.jpg); background-repeat: no-repeat">Text Text Text</td>

but I can't get it quite right and i want to use CSS. So I tried this:

in the table

<td class="new_footer"></td>

in the CSS

TD.new_footer {
    background-image: url(images/footer.jpg) top left repeat-x;
}

but the image isn't even appearing. can anybody see where I might be going wrong?

[balinor]

Did you add the image to skin1/images? Because that is where the images/ directory is if you are calling it from the CSS file.

[tbm]

I did. The image is there. It reallys seems like it should be working, but it's not.

Should I be able to call the class from the rectangle_bottom.tpl file? like, in the process of the .tpl file being embedded could the link to the skin1.css be broken?

[balinor]

It should work fine. Try just the background image part to start:

background: url(images/footer.jpg);

[tbm]

yeah, its not taking. here's exactly what i have.

this table in rectangle_bottom.tpl:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="new_footer"></td>
  </tr>
</table>

and i've added this to my CSS:

TD.new_footer {
    background: url(images/footer.jpg);
}

footer.jpg is sitting in my skin1/images folder. this all looks fine, but i am not seeing the image.

[balinor]

Put some content IN the table cell so that it has some room to show the image

[tbm]

have it sorted!!!

silly syntax error. thanks!!!