Why background color implemented by two different ways?

[Comrade]

Why one and the same parameter (background color) in oscommerce CSS implemented by two different ways, via 'background' and 'background-image'? Usually, images just makes pages loading longer and does not give any advantages.

 

 

TD.headerNavigation {

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

font-size: 10px;

background: #336699;

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

color: #ffffff;

font-weight : bold;

}

 

TD.footer {

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

font-size: 10px;

background: #336699;

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

color: #ffffff;

font-weight: bold;

}

 

TD.infoBoxHeading {

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

font-size: 10px;

font-weight: bold;

background: #336699;

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

color: #ffffff;

}

[FIMBLE]

The images are added and not standard OSC code.

You can comment them out if you like or delete them as long as they are not in use

 

 

TD.headerNavigation {

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

font-size: 10px;

background: #336699;

/*background-image: url("images/box_header.gif");*/

color: #ffffff;

font-weight : bold;

}

 

Like so

Regards

[Guest]

I have a question also. I changed the header, footer and boxes for the header backgrounds but the rounded corners of boxes did not change. Where is that defined on the style sheet?

 

Look here, I tried to get rid of the Grey and go with teal, but I still have Grey corners

The store

 

I did not see that Grey number defined any where else. When it first loads it's all green then the grey jumps back on the corners.

[FIMBLE]

That due to them being images!

You can find them in the images folder then infobox.

You can change the colours using your favorite image editing prog.

Nic

[Guest]

I found them here: catalog/images/infobox/

 

corner_right.gif

corner_left.gif

corner_right_left.gif

 

I made anew box in corel the same color as the header color I chose and the exported it to 11px wide and 14 px high and replaced these files. In case anyone else is looking for the same problem.

[Comrade]

Also, probably, more correctly will be background-color: #336699; not just background: #336699;