style.css

[bmass]

im using smf forums but i have an issue thats more web based, so i thot id post it here. Ok well the forum uses a style.css for the template or w/e. problem is that when i assign a background color to the td function then a specifc td will not use a background image. so i was wondering if anyone knew how to change the default color of a .css file?

[ray326]

i sure don't. what was it you said again?

[bmass]

td
{
color: #FFFFFF;
font-size: small;
font-family: verdana, arial, helvetica, sans-serif;
}

http://www.vvclans.com/images/001.jpg

well forums have a td function like regular html pages, and a body and so on. basically all the color font and such settings are in the style.css i know this isnt for forum support, and i also posted this topic in the simplemachines support forum. basically the td affects some of the tds in the forum and also a background. i need the back ground to be black, but when i add

td
{
color: #FFFFFF;
font-size: small;
font-family: verdana, arial, helvetica, sans-serif;
background-color: #000000;
}

http://www.vvclans.com/images/002.jpg

then the catbg.gif (the background image in one of the tds) is just replaced with a black background. when there is no color assigned however, the catbg is just in that specific td, and the background of the others is white. i tried adding:

td
{
color: #FFFFFF;
font-size: small;
font-family: verdana, arial, helvetica, sans-serif;
background-color: #000000;
background-image: url(images/catbg.gif);
}

http://www.vvclans.com/images/003.jpg

but then that made all of the tds have that background image. if someone could help me find a solution it would be much appreciated. i was thinking a possible solution would be to make the default color (the color when not specified) black, that way i could just use the regular td with out adding anything to background-color/image and that way it would just be black instead of white

[bmass]

after looking into the problem some more ive come up with another possible solution. catbg is the class that the td users. eg. <td class=catbg> but unfortuneatly that is overruled by

td
{
background-color: #000000
}

so is there any way to make the class overrule the background color of the css style?

[ray326]

Only if there is no style associated with catbg. Create a td.catbg style that duplicates the style needed for that cell. Also the class name should be quoted.

<td class="catbg">

[bmass]

Only if there is no style associated with catbg. Create a td.catbg style that duplicates the style needed for that cell. Also the class name should be quoted.

<td class="catbg">

im not entirely sure what you mean by the first part.. but in the style.css the code for the catbg is as follows:

.catbg
{
font-weight: bold;
background-color: #000000;
background-image: url(images/catbg.gif);
color: #FFFFFF;
}

and as for the second part the class is in quatations already