Suche den Fehler in diesem CSS
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
ausschneiden
background
body
club
datei
durchblick
editor
farbe
fehler
kapitel
lage
mache
none
paar fehler
roman
spezifische form
spezifischen form
test
update
verbessert
-
Also ich lerne gerade html und mache nun das "kapitel" css. Ich habe eine css-datei und eine htmldatei zum test mit dem editor erstellt doch ich kann leider die Schriftfarben der h1-6 zu ?ndern hier der code der css:
body{background-color:black; }
h1,h2,h3.,h4,p,td,div {font-famaly:Times New Roman,Arial;font color=blue; }
h1 {font size:20px;font-color:white; }
h2 {font-size:18px;font-color:white; }
h3 {font-size:16px;font-color:white; }
h4 {font-size:14px;font-color:white; }
p,td,div { font size:12px; color:red; }
a:link { font-famaly: Times New Roman,Arial; font-size=11px; color=white; text-decoration: none;font-weight:none; }
a:link:hover { font famaly: Times New Roman,Arial; font-size=11px; color=red; text-decoration: underline; font-weight:none; }
so und hier der code f?r die seite:
<html>
<head>
<title>Css</title>
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
<p> Hallo ich bin der crazy Text der jetzt getestet wird ich sollte <blink>rot</blink> sein.<p>
<h2>Hallo ich bin ne ?berschrifft bin ich jetzt wei??</h2>
<h1>Geilomat ich auch</h1>
<h3>Willkommen im Club</h3>
<h4>Joa ich bin da auch toll toll</h4>
<a href:"http://www.google.de">Jo moin ich bin ein Link</a>
<p><font color:green> Ich bin eine spezifische Form voll die Dreckssau</font><p>
<hr><p><b>Linie</b>
</body>
</html>
So, wer kann mir sagen wo der fehler ist?Und warum ist die Spezifische Form nicht gr?n? -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
es muss font-family, und nicht font-famaly hei?en!!!
-
falsch:
h1,h2,h3.,h4,p,td,div {font-famaly:Times New Roman,Arial;font color=blue; }
richtig:
h1,h2,h3.,h4,p,td,div {font-family:Times New Roman,Arial;font-color=blue; }
-
Da war'n noch n paar andere Fehler drin. Die Wichtigsten:
statt font-color nur color
und bei der Spezifischen form sowie beim Link muss es ein = statt einem : im HTML sein. Hier die verbesserte CSS:
EDIT: Hab body vergessen. Also
body{background-color:black;}
h1,h2,h3.,h4,p,td,div {font-family:Times New Roman,Arial;font color=blue; }
h1 {font-size:20px;color:white; }
h2 {font-size:18px;color:white; }
h3 {font-size:16px;color:white; }
h4 {font-size:14px;color:white; }
p,td,div { font size:12px; color:red; }
a:link { font-family: Times New Roman,Arial; font-size=11px; color:white; text-decoration:none;font-weight:none; }
a:hover { font-family: Times New Roman,Arial; font-size=11px; color:red; text-decoration:underline;font-weight:none; }
Und die HTML:
<html>
<head>
<title>Css</title>
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
<p> Hallo ich bin der crazy Text der jetzt getestet wird ich sollte <blink>rot</blink> sein.<p>
<h2>Hallo ich bin ne ?berschrifft bin ich jetzt wei??</h2>
<h1>Geilomat ich auch</h1>
<h3>Willkommen im Club</h3>
<h4>Joa ich bin da auch toll toll</h4>
<a href="http://www.google.de">Jo moin ich bin ein Link</a>
<p><font color=green> Ich bin eine spezifische Form voll die Dreckssau</font><p>
<hr><p><b>Linie</b></p>
</body>
</html>
-
Also jetzt habe ich ein paar Fehler ausgemerzt:
body{background-color:gray; }
h1,h2,h3.,h4,td,div {font-family:Times New Roman,Arial;font-color=white; }
h1 {font size:20px;font-color:white; }
h2 {font-size:18px;font-color:white; }
h3 {font-size:16px;font-color:white; }
h4 {font-size:14px;font-color:white; }
p,td,div { font-family:Times New Roman,Arial;font size:12px; color:red; }
a:link { font-family: Times New Roman,Arial; font-size=11px; color=white; text-decoration: none;font-weight:none; }
a:link:hover { font family: Times New Roman,Arial; font-size=11px; color=red; text-decoration: underline,blink; font-weight:none; }
So immer noch nicht:
Der Link blinkt nicht und ver?ndert sich nicht wenn man dr?ber geht.
h1-4 sind nicht wei? sodnern blau
//Edit: So nun habe ich das mit den Farben auch alleine gepackt:
body{background-color:gray; }
h1,h2,h3.,h4,td,div {font-family:Times New Roman,Arial;color=white; }
h1 {font size:20px;color:white; }
h2 {font-size:18px;color:white; }
h3 {font-size:16px;color:white; }
h4 {font-size:14px;color:white; }
p,td,div { font-family:Times New Roman,Arial;font size:12px; color:red; }
a:link { font-family: Times New Roman,Arial; font-size=11px; color=white; text-decoration: none;font-weight:none; }
a:link:hover { font family: Times New Roman,Arial; font-size=11px; color=red; text-decoration: underline,blink; font-weight:none; }
Aber was ist mit dem Link?
Oh ist ja alles gesagt sorry da hab ich gerade editiert -
color=red; text-decoration: underline,blink; font-weight:none; }
Aber was ist mit dem Link?
richtig w?re es so:
color:red; text-decoration: underline,blink; font-weight:none; -
Ja, komisch, das hab ich net bemerkt, weil es bei mir auch mit = ging.
In meinem ersten Post hab ichs jetzt auch verbessert -
So gerade kein durchblick k?nnt ihr nochmal den ausschnitt aus der css hier reinstellen so das der link ohne maus wei? ist ohne irgendwelche sonstigen dekos und wenn man r?berf?hrt soll er rot sein unterstrichen und blinken
-
Das liegt nicht am CSS, sondern am HTML. Denn der Link ist eigentlich gar kein Link, so wie du es gemacht hast. es muss <A HREF= statt <A HREF: sein. Die Dateien (HTML und CSS) m?ssten so richtig sein, wie ich sie in meinem ertsen Post (3.Antwort) geschrieben habe.
-
Oh vedammt bin ich d?mlich ja stimmt ich komme mit den beiden noch ein bischen durcheinander wegen = und : aber das l?pt schon
-
So habe das gerade ge?ndert also der Link ver?ndert sich immer noch nicht hier noch mal die codes der beiden:
css:
body{background-color:gray; }
h1,h2,h3.,h4,td,div {font-family:Times New Roman,Arial;color=white; }
h1 {font size:20px;color:white; }
h2 {font-size:18px;color:white; }
h3 {font-size:16px;color:white; }
h4 {font-size:14px;color:white; }
p,td,div { font-family: Times New Roman,Arial;font size:12px; color:red; }
a:link { font-family: Times New Roman,Arial; font-size=11px; color:white; text-decoration: none;font-weight:none; }
a:link:hover { font family: Times New Roman,Arial; font-size=11px; color:red; text-decoration: underline,blink; font-weight:none; }
html:
<html>
<head>
<title>Css</title>
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
<p> Hallo ich bin der crazy Text der jetzt getestet wird ich sollte <blink>rot</blink> sein.<p>
<h2>Hallo ich bin ne ?berschrifft bin ich jetzt wei??</h2>
<h1>Geilomat ich auch</h1>
<h3>Willkommen im Club</h3>
<h4>Joa ich bin da auch toll toll</h4>
<a href="http://www.google.de">Jo moin ich bin ein Link</a>
<p><font color="green"> Ich bin eine spezifische Form voll die Dreckssau</font><p>
<hr><p><b>Linie</b>
</body>
</html>
-
Verbessert:
body{background-color:#CCCCCC; }
h1,h2,h3.,h4,td,div {font-family:Times New Roman, Arial; color:#FFFFFF; }
h1 {font size:20px; color:#FFFFFF; }
h2 {font-size:18px; color:#FFFFFF; }
h3 {font-size:16px; color:#FFFFFF; }
h4 {font-size:14px; color:#FFFFFF; }
p,td,div { font-family:Times New Roman, Arial; font size:12px; color:#FF0000; }
a:link { font-family: Times New Roman,Arial; font-size=11px; color:#FFFFFF; text-decoration: none; font-weight:none; }
a:link:hover { font family:Times New Roman, Arial; font-size=11px; color:#FF0000; text-decoration:underline,blink; font-weight:none; }
html:
<html>
<head>
<title>Css</title>
<link rel='stylesheet' type='text/css' href='test.css'>
</head>
<body>
<p> Hallo ich bin der crazy Text der jetzt getestet wird ich sollte <blink>rot</blink> sein.<p>
<h2>Hallo ich bin ne ?berschrifft bin ich jetzt wei??</h2>
<h1>Geilomat ich auch</h1>
<h3>Willkommen im Club</h3>
<h4>Joa ich bin da auch toll toll</h4>
<a href='http://www.google.de'>Jo moin ich bin ein Link</a>
<p><font color='green'> Ich bin eine spezifische Form voll die Dreckssau</font><p>
<hr><p><b>Linie</b>
</body>
</html> -
So nun wieder ein Update der Codes
Css:
body{background-color:#CCCCCC; }
h1, h2, h3., h4 {font-family:Times New Roman,Arial; color:#ffffff; }
h1 {font size:20px; color:#ffffff; }
h2 {font-size:18px; color:#ffffff; }
h3 {font-size:16px; color:#ffffff; }
h4 {font-size:14px; color:#ffffff; }
p,td,div { font-family: Times New Roman,Arial; font size:12px; color:#8b0000; }
a:link { font-family: Times New Roman,Arial; font-size:11px; color:#ffffff; text-decoration: none; font-weight:none; }
a:link:active { font-family: Times New Roman,Arial; font-size:11px; color:#ffffff; text-decoration: none; font-weight:none; }
a:link:visited {font-family: Times New Roman,Arial; font-size:11px; color:#891012; text-decoration: none; font-weight:none; }
a:link:hover { font family: Times New Roman,Arial; font-size:11px; color:#8b0000; text-decoration: underline,blink; font-weight:none; }
Html:
<html>
<head>
<title>Css</title>
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
<p> Hallo ich bin der crazy Text der jetzt getestet wird ich sollte <blink>rot</blink> sein.<p>
<h2>Hallo ich bin ne ?berschrifft bin ich jetzt wei??</h2>
<h1>Geilomat ich auch</h1>
<h3>Willkommen im Club</h3>
<h4>Joa ich bin da auch toll toll</h4>
<a href="http://www.google.de">Jo moin ich bin ein Link</a>
<p><font color="green"> Ich bin eine spezifische Form voll die Dreckssau</font><p>
<hr><p><b>Linie</b>
</body>
</html>
Die Datei hei?t test.css
Hier die Lage:
Also es funzt jetzt immerhin halbwegs aber nur mit netscape
und au?erdem auch nur das es die farbe wechselt. Es blinkt nicht und es ist auch nicht unterstirchen. Irgendwelche Ideen oder sieht jmd. noch einen Fehler?
Also mit Ie und Avant ist es da ohne das es die Farbe wechselt in Firefox V1.02 ist leider nicht mal die farbe des links korrekt hmpf... -
ok..hier die wirklich richtige version:
body{background-color:#CCCCCC; }
h1,h2,h3,h4,td,div {font-family:Times New Roman, Arial, sans-serif; color:#FFFFFF; }
h1 {font-size:20px; color:#FFFFFF; }
h2 {font-size:18px; color:#FFFFFF; }
h3 {font-size:16px; color:#FFFFFF; }
h4 {font-size:14px; color:#FFFFFF; }
p,td,div { font-family: Times New Roman,Arial, sans-serif; font-size:12px; color:#FF0000; }
a:link { font-family: Times New Roman,Arial, sans-serif; font-size:11px; color:#FFFFFF; text-decoration: none; font-weight:normal; }
a:link:hover { font-family:Times New Roman, Arial, sans-serif; font-size:11px; color:#FF0000; text-decoration:underline,blink; font-weight:normal; }
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<html>
<head>
<title>Css</title>
<link rel='stylesheet' type='text/css' href='test.css'>
</head>
<body>
<p> Hallo ich bin der crazy Text der jetzt getestet wird ich sollte <blink>rot</blink> sein.<p>
<h2>Hallo ich bin ne ?berschrifft bin ich jetzt wei??</h2>
<h1>Geilomat ich auch</h1>
<h3>Willkommen im Club</h3>
<h4>Joa ich bin da auch toll toll</h4>
<a href='http://www.google.de'>Jo moin ich bin ein Link</a>
<p><font color='green'> Ich bin eine spezifische Form voll die Dreckssau</font><p>
<hr><p><b>Linie</b>
</body>
</html>
<body>
</body>
</html>
kleiner tipp - wenn du das n?chste mal so ein problem hast: einfach die css datei bei http://jigsaw.w3.org/css-validator/ (ejntweder auf "per URI", "per Upload" oder auf "in einem Textfeld" ganz unten klicken) durchlaufen lassen -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage