Seite 1 von 1

CSS - neue Klassen anlegen

Verfasst: 21.02.2004 00:00
von Markus67
hallo,

habs mir doch irgendwie einfacher vorgestellt :oops: 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 ....

Code: Alles auswählen

     <td class="catHead" height="25"><span class="cattitle"><center>{L_Welcome} {U_NAME_LINK}:</center></span></td>
dieser ist in der CSS datei definiert ...

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; }
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

Verfasst: 21.02.2004 14:06
von Mungo
Also wenn du nur catHead ändern willst und alles andere so bleiben soll, wie es ist, dann:

Du musst in diesem Code td.catHead löschen
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(images/cellpic1.gif);
background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
}
und dann einfach ne td.catHead einzeln definieren und die Klasse anpassen:
td.catHead {
background-image: url(images/deinneuescellpic.gif);
background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
}
Wie man einen Hintergrund zentriert kannst du hier nachlesen...
http://selfhtml.teamone.de/css/eigensch ... rgrund.htm

Verfasst: 22.02.2004 20:06
von Markus67
hi mungo .....

vielen dank .... funzt super :-)

markus