[HaBo]

jami · 22.02.07, 16:17

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
Johnny

Aber das geht nicht so wirklich auf...

Wo könnte da das Problem liegen?

$oul · 22.02.07, 16:24

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

Anzeige

- Anzeige -

jami · 22.02.07, 16:38

ja...es funktionieren auch die anderen sachen wie tabellenformatierung, a:hover etc...
nur nicht die Klassen

Eydeet · 22.02.07, 16:45

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.

kito · 22.02.07, 16:50

Man könnte auch einfach mit einem JavaScript den Text durchgehen und z. B. Wörter wie Jonny mit Jonny ersetzen.

jami · 22.02.07, 17:06

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?

.:L · 22.02.07, 17:17

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)

Hans Peter

Überprüf nochmal den namen "uschrift" in beiden Codes

n3or · 22.02.07, 17:23

Code:

.uschrift{font-size:18;}

18 Kartoffeln? 18 Karotten? Oder doch 18 Pixel?

Du musst eine einheit angeben, sonst wird das nichts

.:L · 22.02.07, 17:28

Nimmt er nich automatisch px wenn keine Angabe dabei is ?

Bei size muss man keine Angabe dahintersetzen oder?

n3or · 22.02.07, 17:36

Wenn im font-Tag () keine Einheit angegeben ist, dann wird automatisch Pixel verwendet. Bei CSS _muss_ eine Einheit angegeben werden (da gibt es keine "Default-Einheit").

.:L · 22.02.07, 17:37

hä? davon wüsst ich aber was^^

kito · 22.02.07, 17:44

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?

n3or · 22.02.07, 17:45

Ok, bei habe ich mich getäuscht. Da werden relative angaben verwendet.

jami · 22.02.07, 17:48

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>

TestWillkommen

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 
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 
 
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 
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? 

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

.uschrift{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFCDCC;
}

.tabweiß{
font-size:14px;
color:#FFFFFF;
}

.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..

kito · 22.02.07, 17:52

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!

Anzeige

- Anzeige -

22.02.07, 16:17	#1 (permalink)
jami Registriert seit: 05.04.05 Likes: 0	Klasse definiert - funktionert aber nicht Anzeige 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?

22.02.07, 16:24	#2 (permalink)
$oul Registriert seit: 19.12.04 Likes: 2	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 __________________ Der eigene Wille müsste stets ein wenig mächtiger sein, als es das eigene Selbst ist. Aber Wunschdenken stellt ein Risiko dar und so etwas können wir uns in einem Weltkapitalismus nicht leisten.

22.02.07, 16:45	#4 (permalink)
Eydeet Registriert seit: 14.04.06 Likes: 4	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.

22.02.07, 16:50	#5 (permalink)
kito Registriert seit: 22.12.04 Likes: 0	Man könnte auch einfach mit einem JavaScript den Text durchgehen und z. B. Wörter wie Jonny mit <font size=....>Jonny</font> ersetzen.

22.02.07, 17:17	#7 (permalink)
.:L Senior Member Registriert seit: 05.05.06 Likes: 24	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 __________________ fat people are hard to kidnap

22.02.07, 16:38	#3 (permalink)
jami Themenstarter Registriert seit: 05.04.05 Likes: 0	ja...es funktionieren auch die anderen sachen wie tabellenformatierung, a:hover etc... nur nicht die Klassen

22.02.07, 17:06	#6 (permalink)
jami Themenstarter Registriert seit: 05.04.05 Likes: 0	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?

22.02.07, 17:23	#8 (permalink)
n3or Registriert seit: 21.02.07 Likes: 0	Code: .uschrift{font-size:18;} 18 Kartoffeln? 18 Karotten? Oder doch 18 Pixel? Du musst eine einheit angeben, sonst wird das nichts

22.02.07, 17:28	#9 (permalink)
.:L Senior Member Registriert seit: 05.05.06 Likes: 24	Nimmt er nich automatisch px wenn keine Angabe dabei is ? Bei size muss man keine Angabe dahintersetzen oder? __________________ fat people are hard to kidnap

22.02.07, 17:36	#10 (permalink)
n3or Registriert seit: 21.02.07 Likes: 0	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").

22.02.07, 17:37	#11 (permalink)
.:L Senior Member Registriert seit: 05.05.06 Likes: 24	hä? davon wüsst ich aber was^^ __________________ fat people are hard to kidnap

22.02.07, 17:45	#13 (permalink)
n3or Registriert seit: 21.02.07 Likes: 0	Ok, bei <font> habe ich mich getäuscht. Da werden relative angaben verwendet.

22.02.07, 17:48	#14 (permalink)
jami Themenstarter Registriert seit: 05.04.05 Likes: 0	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..

22.02.07, 17:52	#15 (permalink)
kito Registriert seit: 22.12.04 Likes: 0	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!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Internet funktioniert aber LAN nicht	Executor	Network · LAN, WAN, Firewalls	2	23.10.08 20:03
Eclipse funktionert nicht mehr	tanj	Applikationen	5	01.03.08 22:19
Partition weg, aber nicht formatiert	Daniel368	Linux/UNIX	7	22.12.06 08:44
Rechner hat geklackt, ging aus, nicht wieder an, inzwischen läuft er wieder an, bootet aber nicht	RipdEaTh	Die Problemzone	4	23.06.05 15:50
"public:"-Variable in Klasse wird nicht gesehen	D.Mon	Code Kitchen	2	20.04.04 13:52

[HaBo]

Klasse definiert - funktionert aber nicht