how do you use a gif for TR.header background

[osmium]

hey all

 

I am wanting to use a simple pattern as my background instead of a solid colour. I have seen it done before and one of the Live Shops listed here does it

http://www.oscommerce.com/shops/goto,10794

 

I understand the gif is very narrow (1 or 2 pixels) and repeats

 

so ow do I change the code in TR/header to accept a Gif rather than a solid colour?

 

Thanks all

[boxtel]

hey all

 

I am wanting to use a simple pattern as my background instead of a solid colour. I have seen it done before and one of the Live Shops listed here does it

http://www.oscommerce.com/shops/goto,10794

 

I understand the gif is very narrow (1 or 2 pixels) and repeats

 

so ow do I change the code in TR/header to accept a Gif rather than a solid colour?

 

Thanks all

<{POST_SNAPBACK}>

 

 

in your stylesheet, as example :

 

.headerNavigation { color: #ffffff; font-size: 12px; background-image: url(../../images/apple_header_bar_bg.gif);}

[241]

you can also add

background-repeat: no-repeat;

for no repeat

background-repeat: repeat-x;

only repeat horizontal

background-repeat: repeat-y;

only repeat vertical

[osmium]

Hi. I've updated to OsC 2.2 RC2 and the above edit doesn't seem to work anymore

 

below is the code from my stylesheet which was working fine but doesn't seem to work with my new install, any ideas?

 

thanks is advance

 

TR.header {

background-image: url(../images/heading_background.gif);

}

 

TR.headerNavigation {

background: #0000ff;

[Guest]

You din't close out the Tr.headerNavigation. Should be

TR.headerNavigation {
background: #0000ff; 
}

[osmium]

You din't close out the Tr.headerNavigation. Should be

TR.headerNavigation {
background: #0000ff; 
}

 

 

Hi, sorry, I was just cutting and pasting and missed it out when I posted here, the actual code has it, here is a fuller section of the code (everything else on the site seems to work fine)

 

FORM {

display: inline;

}

 

TR.header {

background-image: url(/images/heading_background.gif);

}

 

TR.headerNavigation {

background: #0000ff;

}

 

TD.headerNavigation {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

background: #cc0000;

color: #ffffff;

font-weight : bold;

}

[Jack_mcs]

Try

TR.header {
background-image: url(images/heading_background.gif); 
}

 

Jack

[osmium]

Awesome, that fixed it

 

thank you very much Jack, much appreciated