Giver fejl i validering - men kan ikke undværes

Du kan flytte background-color ned til din body og få det samme resultat

Det virkede ikke for en halv time siden, men nu gør det. Det er vist over min sengetid.....
Tak for det.
Har du et svar til points

Da det var så nemt, så tager du bare pointene tilbage.

Sov godt :)

Så har lige en her til points:
Jeg får følgende - for mig mystiske - valideringsfejl:
Parse error - Unrecognized : <style type="text/css"> body { margin:0px; padding:0: color: navy; font-size: 60%; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-color: #0D6B08; font-style: normal; background-color:red; }

Og koden ser således ud


<style type="text/css">
body {
margin:0px;
padding:0:
color: navy;
font-size: 60%;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-color: #0D6B08;
font-style: normal; 
background-color:red;
}
div#side {
width: 770px;
margin:0 auto;
background-color:white;
border-left: 1px solid black;
position:relative;
}
#top-left {
position:absolute;
padding-top: 8px;
padding-left: 3px;
background-color:#ffff99;
width: 192px;
height:32px;
top: 0px;
left:0px;
}
#top-right {
position:absolute;
background-color:#ffff99;
height:30px;
width: 575px;
top: 0px;
right: 0px;
padding-top:10px;
}
#ramme {
position:absolute;
background-color:silver;
top: 45px;
left: 0px;
height:40px;
width: 770px;
}

#menu {
float:left;
background-color:#ffff99;
padding-left: 5px;
width: 190px;
}
#cont {
float:right;
background-color:#ffff99;
width: 560px;
padding-left: 8px;
padding-right: 5px;
}
.center {
    text-align: center;
}
</style>

Manglede lige, at der stod linie 11:

Line: 11

Parse error - Unrecognized : <style type="text/css"> body { margin:0px; padding:0: color: navy; font-size: 60%; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-color: #0D6B08; font-style: normal; background-color:red; }

Du skal ikke tage <style>-tagget med i en .CSS-fil.

Hvordan mener du?
Det er jo ikke en css-fil, den ligger i min header

I så fald skal du ikke kopiere <style></style> med ind i den tekstboks. Det input du giver den der bliver behandlet som om det var en CSS-fil.

Hvordan skal den så starte?

Du skal blot nøjes med at kopiere det der står i mellem <style> og </style> - eller også skal du lægge dit dokument online og pege validatoren derhen.

Kopiere?
Mener du, at jeg skal fjerne <style> og </style>?

Nej, nu forstår jeg.
Men nu finder den på en række nye fejl...........

Hvad er fejlene?

Såfremt du validerer ved at kopiere din CSS-kode ind i den tekstboks de har til formålet, og ikke uploader en fil direkte, ja.

Hvis du stadig er i tvivl, så fortæl lige om den kode du kopierede herind er hele filens indhold.

Nå, kan se du fandt ud af det :)

Her er koden:

body {
margin:0px;
padding:0:
font-color: navy;
font-size: 60%;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-color: #0D6B08;
font-style: normal; 
background-color:red;
}
div#side {
width: 770px;
margin:0 auto;
background-color:white;
border-left: 1px solid black;
position:relative;
}
#top-left {
position:absolute;
padding-top: 8px;
padding-left: 3px;
background-color:#ffff99;
width: 192px;
height:32px;
top: 0px;
left:0px;
}
#top-right {
position:absolute;
background-color:#ffff99;
height:30px;
width: 575px;
top: 0px;
right: 0px;
padding-top:10px;
}
#ramme {
position:absolute;
background-color:silver;
top: 45px;
left: 0px;
height:40px;
width: 770px;
}

#menu {
float:left;
background-color:#ffff99;
padding-left: 5px;
width: 190px;
}
#cont {
float:right;
background-color:#ffff99;
width: 560px;
padding-left: 8px;
padding-right: 5px;
}
.center {
    text-align: center;
}

Og fejlene:

Errors
URI : file://localhost/TextArea

    * Line: 4 Context : body

      Parse Error - 0: font-color: navy;
    * Line: 6 Context : Arial, Helvetica, Sans-Serif

      Parse Error - : 60%; font-family: Verdana
    * Line: 6 Context : Arial, Helvetica, Sans-Serif

      Parse Error - Sans-Serif;
    * Line: 11

      Parse Error - : #0D6B08; font-style: normal; background-color:red; } div#side

navy er ikke er farve, du skal give den et "id" f.eks. #FFFFFF eller #000000

Mener ikke at der er noget som hedder font-color

Det er ikke det der er fejlen. Fejlen er at der på linie 3 står et : hvor der skulle have stået et ;.

Og desuden er der ganske rigtigt også det med color/font-color - skulle vist have været background-color/color.

div#side har du sikker skrevet forkert, flere "div" forrest

Navy ER i øvrigt en gyldig farveværdi - http://en.wikipedia.org/wiki/Web_colors

Du har denne linie i din body padding:0:
Du skal fjern : og indsæt ;

Men er det ikke korrekt at skrive font-color ?

Du skriver font-color 2 stedet i din body kode.

pidgeot:
Jeg mener bare at man ikke kan skrive navy man skal skriver hex koden

Jeg kender ikke font-color.

Hvad skulle den gøre?

Nu blev den endelig tilfreds - bortset fra en masse dumme warnings

body {
margin:0px;
padding:0;
color: #FFFFFF;
font-size: 60%;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-style: normal; 
background-color:red;
}
div#side {
width: 770px;
margin:0 auto;
background-color:white;
border-left: 1px solid black;
position:relative;
}

jeg troede, at skriftfarve hed font-color....

Nej, jeg plejer at bruge color f.eks. color: #FFFFFF;

ok, men nu har du vist fortjent dine points :)

Skriftfarve er color. Baggrundsfarve er background-color. Font-color er ikke defineret i CSS.

Mht. navy - citat fra min henvisning:

"The Cascading Style Sheets language defines the same number of named colors as the HTML 4 spec, namely the 16 listed above."

Eftersom navy er blandt de 16 farver der henvises til, er det gyldigt. Rent bortset fra det bruger jeg da selv samme princip uden problemer på min egen side: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fbirdiesoft.dk&usermedium=all

Ok, kommer her.

Tak for pointene :)

Tusind tak.
Hvis du ikke kan sove, så har jeg lagt et andet spørgsmål

Problemer med opbygning af en side - og med printer.css

Men nu kan jeg ikke holde mig vågen mere.