CSS - neue Klassen anlegen
Verfasst: 21.02.2004 00:00
hallo,
habs mir doch irgendwie einfacher vorgestellt
und hab nun doch ein kleines problemchen .....
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 ....
dieser ist in der CSS datei definiert ...
ich möchte eigentlich nur jeweils die hintergrundgrafiken für catHead ändern der rest kann soweit bleiben. und dann würde ich gerne das hintergrundbild zentrieren ....
wie lege ich jetzt für diesen fall eine neue class an ?
kann da jemand helfen ?
wäre supernett
danke schön
markus
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