Klasse definiert - funktionert aber nicht

J

jami

0
Mein zweiter Versuch dieses Problem zu lösen:

Ich möchte verschiedenen Wörtern verschiedene Formatierungen zuweisen können, so dass z.B. das Wort "Johnny" gelb, fett und größe 18 wird.

Mein Versuch

CSS script:
.uschrift{
anweisungen;
}

header
<link href="style.css" rel="stylesheet" type="text/css">

html seite
<font class="uschrift">Johnny</font>

Aber das geht nicht so wirklich auf...

Wo könnte da das Problem liegen?
 
Ich weiß nicht ob es etwa ausmacht, aber ich bevorzuge eine Leerstelle vor { zu setzen.
Andererseits: Heißt der Style wirklich style.css?

mfg soul
 
ja...es funktionieren auch die anderen sachen wie tabellenformatierung, a:hover etc...
nur nicht die Klassen
 
Versuch doch mal statt dem FONT-Tag ein SPAN-Tag zu verwenden:
Code: 
<span class="uschrift">Johnny</span>
FONT-Tags sollte man für validen Code nicht mehr verwenden.
 
Man könnte auch einfach mit einem JavaScript den Text durchgehen und z. B. Wörter wie Jonny mit <font size=....>Jonny</font> ersetzen.
 
nix font...das war nämlcih mein erster versuch...
und javscript ist blödi, das mag ich aus prinzip nicht...

Ich hab mir die Sache jetzt nochmal angeschaut...
Also, ich hab eine header.php datei, in der das ganze drin ist, die ich dann include. Könnte man meinen dass da was mit Code irgendwi nicht funzt aber - nein - ich hab mir jetzt die ganze Quellcode-Ansicht im Firefox angeguckt, und es steht alles so wie es sein soll...
und mir ist aufgefallen, ich hab
body{} mal eine Schriftwart gesetzt - und das ist dem Browser völlig am Arsch vorbei gegangen.
Irgendwie werden manche Sachen ignoriert, und andere nicht (wie zB a:hover)

Ist das mystisch oder was?
 
nein..

Ich arbeite auch mit header.inc

Es kann nur sein, dass du einen Fehler gemacht hast.

Lad die Daten ma hoch und markier die Stellen deutlich...

Nochmal:

.uschrift{font-size:18;}
(Häufiger fehler: Einfache Rechtschreibfehler im CSS oder HTML-Code)

<span class=uschrift>Hans Peter</span>

Überprüf nochmal den namen "uschrift" in beiden Codes
 
Code: 
.uschrift{font-size:18;}
18 Kartoffeln? 18 Karotten? Oder doch 18 Pixel?

Du musst eine einheit angeben, sonst wird das nichts ;)
 
Nimmt er nich automatisch px wenn keine Angabe dabei is ?

Bei size muss man keine Angabe dahintersetzen oder?
 
Wenn im font-Tag (<font size="">) keine Einheit angegeben ist, dann wird automatisch Pixel verwendet. Bei CSS _muss_ eine Einheit angegeben werden (da gibt es keine "Default-Einheit").
 
Wieso nicht so???
Code: 
<html>
<head>
	<style type="text/css">
		<!--
			.uschrift{
				font-family: Arial;
				font-size:10pt;
				color:blue;
			}
		-->
	</style>
</head>
<body>
	Text formatiert mit CSS class "uschrift":<br>
	<div class="uschrift">
		Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec vulputate, 
		erat sed vestibulum faucibus, arcu pede fringilla nisi, vel dapibus magna 
		sem sit amet mauris. Nulla velit velit, cursus in, lobortis vel, lacinia a, 
		lectus. Sed vel nisi non erat accumsan tincidunt. Pellentesque pharetra, 
		ante viverra fringilla accumsan, urna arcu rhoncus tortor, pellentesque 
		tincidunt nisi ...
	</div>
</body>
</html>

Versteh ich da etwas falsch?? Was funktioniert hier nicht?
 
die browser quellcode ansicht, gekürzt; phpcode besteht nur aus sql abfragen und ausgaben...


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>

<font class="uschrift">Test</font><font class='uschrift'>Willkommen</font>

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur <br />
magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolo<br />
<br />
re magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis aut<br />
em vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?<br><br>

</body>
</html>

dann CS sheet

body{
font:Verdana, Arial, Helvetica, sans-serif;
}
table{
background-color:#FFFFFF;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
border:0px;
text-align:left;
color:#666666;
}
td{
vertical-align:top;
}
<!--normale Überschriften in Seite-->
.uschrift{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFCDCC;
}
<!--weißer Text in Tabellen-->
.tabweiß{
font-size:14px;
color:#FFFFFF;
}
<!--Tabellenüberschriften-->
.tabuschrift{
font-size:14px;
color:#FFFFFF;
font-weight:bold;
}
a:link {
font-weight:bold;
color: #FF6699;
text-decoration: none;
}
a:visited {
font-weight:bold;
text-decoration: none;
color: #FF6699;
}
a:hover {
font-weight:bold;
text-decoration: none;
color:#666666;
}
a:active {
font-weight:bold;
text-decoration: none;
}

style sheet heißt style.css

//EDIT ich habs mit span und mit font probiert..
 
Probier mal das folgende
Code: 
<!--normale Überschriften in Seite-->
mit dem
Code: 
/*normale Überschriften in Seite*/
zu ersetzen. Soweit ich weis werden Kommentare in CSS stylesheets so definiert!
 
Wenn du die "Kommentare" entfernst, dann funktionierts.
Kommentiert wird in einer CSS Datei so:
Code: 
/* Kommentar */

Edit:\ Da war einer schneller..
 
Alter schwede, das war's wirklich....mir kommt zwar vor dass ich schon öfters so kommentiert habe...aber egal, es funktioniert endlich

Fett danke! Ich wäre da nie draufgekommen...
 
Um antworten zu können musst du eingeloggt sein.
Zurück
Oben