wie am besten styles einsetzen ??

welche ist die beste möglichkeit styles einzusetzten?
gibts dafür tutorials ?

ich meine ist es besser, zB für jede überschrift eine css-klasse zu bauen oder gleich im quelltext der seite?

ich finde es sauber wenn möglichst viel im css file gemacht wird.
natürlich kannst du auch mal was direkt im source machen, aber ich benutze das eigentlich nur im notfall.

ich meine ist es besser, zB für jede überschrift eine css-klasse zu bauen oder gleich im quelltext der seite?

wenn deine überschriften zb. mit <h1>, <h2> usw gemacht sind,
dann brauchst du diesen elementen keine klasse mitzugeben.
du kannst den style direkt auf das tag setzten.
du kannst au mit den id's arbeiten und sogar tag,id und class kombinieren.

zb:
die id search im tag TD
TD#search

die klasse check im tag INPUT
INPUT.check

dazu mehr unter..
http://www.css.talky.de

du meinst, also in der .css die vom template verwendet wird die eigenschaften für zB h1,h2,p etc. festlegen ?

coffeemug schrieb

du meinst, also in der .css die vom template verwendet wird die eigenschaften für zB h1,h2,p etc. festlegen ?

jau, so funktioniert css halt nunmal 😉

ich seh schon, ich muss da etwas genauer werden.. 8-)

in meiner html vorlage hab ich drei css files eingebunden
(ich weiss, ist ein bisschen overhead aber ich mag es so)

bei mir sieht das so aus..

<head>
	<title>Base template, header, menu, content and footer.</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
	<style type="text/css" id="internalStyle">
		/*<![CDATA[*/
		BODY {	margin: 0 0 0 0; background-color: white; }
		/*]]>*/
	</style>
	<link href="fileadmin/template/main/res/stylesheet.css" rel="stylesheet" type="text/css" />
	<link href="fileadmin/template/main/res/stylesheet_menu.css" rel="stylesheet" type="text/css" />
	<link href="fileadmin/template/main/res/stylesheet_content.css" rel="stylesheet" type="text/css" />
</head>

das stylesheet.css beschreibt das allgemeine aussehen meiner site.
das stylesheet_menu.css beschreibt nur das aussehen der navigation
und das stylesheet_content.css beschreibt das aussehen des inhalts(text, überschriften, formulare etc.)

um nun auf deine frage zurückzukommen,

du meinst, also in der .css die vom template verwendet wird die eigenschaften für zB h1,h2,p etc. festlegen ?

beispiel:

P, OL, UL, td, H1, H2 { font-family: verdana; font-size: 11px;}
A { text-decoration: none;}
H2 { font-size: 13px; }
P, H1, H2 { margin: 0px 0px 5px 0px;}
td A { color: navy; text-decoration: none;}
td A:hover { background-color: #d9e2e9;}

H1, P.sub-chapter { 
	font-size: 13px;
	border-top: 1px solid #99adc2;
	border-bottom: 1px solid #99adc2;
	background-color: #f2f3f5;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom: 20px
}

P.sub-chapter {
	font-size: 12px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom: 0px
}

oder im kleinen..
du willst den hintergrund von <H1> rot färben

H1 { background-color: red; }

so oder so,
schau dich doch einmal auf folgendem link um,
der ist echt nützlich

http://www.css.talky.de

und das abschlusswort:

jau, so funktioniert css halt nunmal 😉

danke soweit hab ich das schon verstanden, ich arbeite auch nicht zum ersten mal mit css, nur halt in verb. mit typo3 nicht.

aber trotzdem stehe ich immer noch vor einem problem:

also hab die css eingebunden:

<link href="fileadmin/style1.css" rel="stylesheet" type="text/css" />

in da in der css

h1 {
color:#333399;
font-family:Arial;
font-size:15px;
}

und die überschrift auch als layout1.
im quelltext der seite ist auch sowohl die css drin als auch die überschrift mit h1 gesetzt.

trotzdem ist sie "normal" - d.h. schwarz

vielleicht hast du weiter unten noch ein css eingebunden, welches das h1 überschreibt?