X-Cart forums

[mlivio@vo.lu]

Hi guys,

here is my site:

http://www.febbredoro.com

I would like to replace my banner/Background image (the bue background behind the logo) with a real banner.
My problem is when the window is resizing (getting bigger) the image I used as a banner/background is cloned with this bad tile effect.
I also tried to make the image bigger so that when the window resize I do not have the tile effect, this worked but when the window is normal size you hardly see the image I used as background.
So, that's why for now I placed this blue background as banner, is there a way I can use a real image as a banner without having resize problems ?


Thanks for your help,
Livio !!!!!!

[balinor]

Just make sure the size is called correctly in head.tpl

[mlivio@vo.lu]

Hi,

do you mean by specifing the height and widht attribute on the IMG tag ?


Livio !!!!

[balinor]

If you are calling it as an image, yes. If you are using it as a background, you will need to put a spacer.gif in the header to make sure it stretches to show the whole image.

[mlivio@vo.lu]

Hi,


thanks again for your help.
I am using it as a background (background="/skin1/images/banner-01.gif), could you please give me a spacer.gif example, which size should be used for the correct resizing ?


Livio !!!!!

[balinor]

Ok, first, you need to use CSS to define the background. Here's an example of a very simple header:

<table width="100%" cellpadding="0" cellspacing="0" class="header">
<tr><td><img src="{$ImagesDir}/spacer.gif" width="50" height="100" alt=""/></td></tr></table>

Then, in your skin1.css file, you place this:

.header {background: url(images/banner-01.gif); background-repeat: no-repeat;}

Replace the sizes in the spacer.gif to correspond to the height of your banner.

[mlivio@vo.lu]

Great Balinor, this will help !!!!!!

Thanks,
Livio !!!!