habs mir doch irgendwie einfacher vorgestellt

ich möchte gerne die cellpics über css steuern, da ich aber verschiedene habe möchte ich dafür verschiedene klassen anlegen und je nachdem das entsprechende damit laden .... hab ich das jetzt verständlich erklärt ?
in der portal_body wird "catHead" geladen ....
Code: Alles auswählen
<td class="catHead" height="25"><span class="cattitle"><center>{L_Welcome} {U_NAME_LINK}:</center></span></td>
Code: Alles auswählen
/* Header cells - the blue and silver gradient backgrounds */
th {
font-color: #FFFFFF; font-size: 11px; font-weight : bold;
background-color: #006699; height: 25px;
background-image: url(images/cellpic3.gif);
}
td.cat,td.catHead[/color],td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(images/cellpic1.gif);
background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
}
/*
Setting additional nice inner borders for the main table cells.
The names indicate which sides the border will be on.
Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
background-color: #D1D7DC; border: #FFFFFF; border-style: solid; }
th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom { border-width: 0px 1px 1px 1px; }
th.thTop { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }
wie lege ich jetzt für diesen fall eine neue class an ?
kann da jemand helfen ?
wäre supernett
danke schön
markus