Permalänk
Medlem

Hjälp med CSS validering!

Hej Sweclockers,

Jag behöver hjälp att ordna med validering för min CSS men kan inte hitta felen.
Här är CSS koden:

body {
background-color: #ddffff;
font-family: verdana, arial, sans-serif;
width: 300;
}

1 {
color: "#0000ff";
font-size: 2em;
}

p {
font-size: 1.2 em;
color: #004400;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
color: red;
}

li {
font-size:14px
line-height: 2em

}

ul ul {
margin-left: 1cm;
border: #000 1px dot;
background-color: #ccffcc;
}

Permalänk
Medlem

Saknas semikolon här tror jag:

li {
font-size:14px;
line-height: 2em;

Permalänk
Medlem

border i sluted ska väl vara dotted och inte dot.
border: #000 1px dot;
border: 1px dotted #000;

Permalänk
Medlem

Sen kanske body width i början ska specificeras med vad 300 är? pixlar eller? Var väl det som jag såg...

Permalänk
Medlem

Ahh, tack AntonioP, suttit så länge att jag blivit blind för mina misstag:P
"li {
font-size:14px;
line-height: 2em;}"
Semikolonet efter 2em är inte nödvändigt om jag inte minns helt fel, men det är snyggt och blir lättare att identifiera fel med? Är helt ny med webbutvecklingen, så jag hoppas inte att jag råkar skrämma dig med mina dumma frågor ^^ och ja det ska vara "width:300px;" tack

Permalänk
Medlem

Så lite så. Håller själv på på "hobby-nivå"

Permalänk
Inaktiv

1 { color: "#0000ff"; font-size: 2em; }

"1" är ingen riktigt selector.

Permalänk
Medlem

Ahh ska vara "h1", Tack havsmonstret!

Permalänk
Medlem

Ett tips är att använda sig utav W3C's CSS-valideringsverktyg (Länk)
På hemsidan kan du antingen kopiera in din kod, lägga upp en css-fil, eller ge länken till din hemsida. Sidan kollar igenom din CSS-kod och validerar den.

Permalänk
Medlem
Skrivet av knuspaflex:

Ett tips är att använda sig utav W3C's CSS-valideringsverktyg (Länk)
På hemsidan kan du antingen kopiera in din kod, lägga upp en css-fil, eller ge länken till din hemsida. Sidan kollar igenom din CSS-kod och validerar den.

Jag gjorde det och jag fick följande :
4 body Värdefel : width endast 0 kan vara en length. Du måste ange en enhet efter ditt tal : 300
10 Parsningsfel 1 { color: "#0000ff"; font-size: 2em; }
13 p Värdefel : font-size Alltför många värden eller värden kan kännas igen : 1.2 em
28 li Värdefel : font-size försök att hitta ett semikolon före egenskapsnamn. Lägger till ett
34 ul ul Värdefel : border Alltför många värden eller värden kan kännas igen : #000 1px dot

Rad 4 är väl att jag glömt ett värde.
Rad 10 är det för att jag råkade skriva 1 istället för h1?
Rad 13, har jag fel på em?
Rad 28 är väl att jag glömt semikolon efter första? Andra är inte nödvändig eller :P?
Rad 34 är det dot som ska vara dotted?

Permalänk
Medlem

Felen som den ger betyder följande:
Rad 4: Precis som du sagt. Du måste lägga till ett värde (t.ex. px/em)
Rad 10: Precis som du sagt. h1 ska det vara.
Rad 13: Du ska inte ha ett mellanrum mellan 1.2 em (det ska vara 1.2em)
Rad 28: Ha som vana att alltid lägga till semikolon efter css-uttryck. Ingen poäng med att skippa dessa.
Rad 34: Som du sagt. Det ska vara dotted.

Övrigt som den inte snappade upp förrän man rättade till dessa är att du skrivit "color: "#0000ff";" under h1. Det ska inte vara några citattecken kring HEX-koden (alltså ska det vara "color: #0000ff;"). Sedan har du skrivit ul två gånger efter varandra...ta bort det ena ul.

Permalänk
Medlem
Skrivet av knuspaflex:

Felen som den ger betyder följande:
Rad 4: Precis som du sagt. Du måste lägga till ett värde (t.ex. px/em)
Rad 10: Precis som du sagt. h1 ska det vara.
Rad 13: Du ska inte ha ett mellanrum mellan 1.2 em (det ska vara 1.2em)
Rad 28: Ha som vana att alltid lägga till semikolon efter css-uttryck. Ingen poäng med att skippa dessa.
Rad 34: Som du sagt. Det ska vara dotted.

Övrigt som den inte snappade upp förrän man rättade till dessa är att du skrivit "color: "#0000ff";" under h1. Det ska inte vara några citattecken kring HEX-koden (alltså ska det vara "color: #0000ff;"). Sedan har du skrivit ul två gånger efter varandra...ta bort det ena ul.

Tack så hemskt mycket!