Ytterligare hjälp med validering!

mlibemelie skrev:

h2 {
text-align: center;

Du har inte bara missat den följande } för de ska validera. Varningar är varningar, dvs inga fel ;)

Tengblad skrev:

Du har inte bara missat den följande } för de ska validera. Varningar är varningar, dvs inga fel ;)

Nej det har jag inte gjort, vara bara slarvig med att visa den ;)

Jo jag vet att det är bara varningar men i denna kurs måste ALLT gå igenom utan både fel och varningar för att överhuvudtaget bli godkänd på hela kursen. Så jag vill gärna fixa detta, hehe :)

Lägg till

display : block;

så borde du inte få några varningar

Tengblad skrev:

Lägg till

display : block;

så borde du inte få några varningar

Asså jag avskyr valideringar x(
Blir så trött!

Nu skrev jag in detta som du skrev och sen validerade den inte utan varningar utan den visade samma varningar som förut. Sen uppdaterade jag bara sidan och då försvann varningarna :l

Ååå ja blir så trött på detta, jag kan ju inte lita på att den kommer visa rätt eller fel och det FÅR VERKLIGEN INTE visa fel denna gång med för då blir jag underkänd på hela kursen :(

Vad ska jag göra??

Hur har du angett din css? Ladda upp css'en här så man kan se.

Jag lägger in CSS:en här så får ni se och kanske kan hjälpa mej med att kolla om allt är bra :)

/* CSS Document */
body {
color: #000;
background: #9CAB8E;
width: 70%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
margin: 0 auto;

}

#sida {
color: #000;
background: #88AA89;

}

#sidhuvud {
color: #fff;
height: 150px;
padding: 10px;
border-bottom-color: #9CAB8E;
border-bottom-style: solid;
border-bottom-width: 15px;
border-top-width: 25px;
border-top-style: solid;
border-top-color: #9CAB8E;
background: #799F7A;
background-image: url(Bilder/IMG_5443.jpg);
background-repeat: no-repeat;
}

#meny {
color: #000;
background: #88AA89;
float: left;
width: 20%;
}
#meny p {
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
margin: 15px;
padding-bottom: 15px;
}

#meny a {
line-height: 18px;

}

#kolumn {
color: #000;
background: #799F7A;
float: left;
width: 80%;
margin: 0;

}

div p {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 0px;
line-height: 20px;

}

#floatright img {
float: right;
padding: 30px 30px 30px 15px;
}

#floatleft img {
float: left;
padding: 15px

}

#sidfot {
color: #E0EBE0;
background: #79A07A;
clear: both;
height: 25px;
border-top-color: #9CAB8E;
border-top-style: solid;
border-top-width: 15px;
padding: 5px;

}

a:link {
color: #E0EBE0;
background: #88AA89;
text-decoration: none;
font-size: 11px;
}
a:visited {
color: #E0EBE0;
background: #88AA89;
text-decoration: none;
font-size: 11px;
}
a:hover {
color: #E0EBE0;
background: #88AA89;
text-decoration: none;
font-size: 11px;
border: 1px dashed #E0EBE0;
}
a:active {
color: #E0EBE0;
background: #88AA89;
text-decoration: none;
font-size: 11px;
}
.scrollbox {
padding: 5px;
height: 40px;
width: 250px;
overflow: auto;
padding-left: 15px;
padding-bottom: 15px;
border-top: 1px solid #E0EBE0;

}
h1 {
padding: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 2.2em;
}

h2 {
text-align: center;
display: block;
padding: 15px 15px 5px;
color: #E0EBE0;
background: #799F7A;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.6em;
}

h3 {
background: #799F7A;
text-align: center;
display: block;
padding: 15px 15px 5px;
color: #E0EBE0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.3em;
}
h4 {
padding: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
}

#bilder img {
display:block;
margin: 15px auto;
}

.rubrik {
color: #E0EBE0;
background: #799F7A;
font-weight: bold;

}

.floatright {
float: right;
padding: 15px 15px 15px;
}

Flytta upp display:block; så att den ligger före text-align:center i koden. Då försvinner varningarna :bire

Inte för att det direkt hjälper dig men... jag skulle inte bli godkänd om jag läste samma kurs som du. Jag skulle helt enkelt vägra lägga till onödiga regler till min stilmall bara för att komma runt varningar i validatorn. Om man förstår varningarna och kan förklara varför de inte gäller för den kod man har, så har man uppenbarligen en högre förståelse än om man arbetar sig runt varningarna utan att förstå varför den varnar, eller om varningarna ens gäller över huvud taget. Att göra det senare kan i vissa fall göra koden sämre.

</rant> :)

Jag undrar lite över om det bara är valideringen som ska godkännas eller är det mer som kommer att bedömmas. Det finns en del som jag nog skulle fråga dig om... sådant som inte direkt är fel men... beror ju lite på hur långt ni kommit i kursen...
Ska ni kunna arv t.ex nu?
Du har t.ex angett font-family i body. Det innebär att du inte behöver göra det på fler ställen. Nu finns den i h2 t.ex. Onödigt...

Din a:link har satt värdena för de andra så förutom den behöver du bara
a:hover {
border: 1px dashed #E0EBE0;
}
de andra visited och active kan tas bort helt.

Du har angett relativ storlek på font-size i body, men sedan har du fast storlek (px) i menyn. Varför?

När du anger border, padding eller margin åt flera håll, bör du tänka som klockan med början vid top sedan right, bottom och left sist. Även om man inte anger alla.
Nu har du left först på en del ställen och lite hur som helst.

background är kanske inte helt OK att skriva när du bara har en färg i den.
Då bör det i stället stå background-color:
Åsikterna är lite olika där... Vad anser din lärare?
En del anser att den bara skrivas som shorthand som här:
background: #799F7A url(Bilder/IMG_5443.jpg) no-repeat;
i stället för som du skrivit
background: #799F7A;
background-image: url(Bilder/IMG_5443.jpg);
background-repeat: no-repeat;

Det var några funderingar... :) Lycka till!

tanten skrev:

Jag undrar lite över om det bara är valideringen som ska godkännas eller är det mer som kommer att bedömmas. Det finns en del som jag nog skulle fråga dig om... sådant som inte direkt är fel men... beror ju lite på hur långt ni kommit i kursen...
Ska ni kunna arv t.ex nu?
Du har t.ex angett font-family i body. Det innebär att du inte behöver göra det på fler ställen. Nu finns den i h2 t.ex. Onödigt...

Din a:link har satt värdena för de andra så förutom den behöver du bara
a:hover {
border: 1px dashed #E0EBE0;
}
de andra visited och active kan tas bort helt.

Du har angett relativ storlek på font-size i body, men sedan har du fast storlek (px) i menyn. Varför?

När du anger border, padding eller margin åt flera håll, bör du tänka som klockan med början vid top sedan right, bottom och left sist. Även om man inte anger alla.
Nu har du left först på en del ställen och lite hur som helst.

background är kanske inte helt OK att skriva när du bara har en färg i den.
Då bör det i stället stå background-color:
Åsikterna är lite olika där... Vad anser din lärare?
En del anser att den bara skrivas som shorthand som här:
background: #799F7A url(Bilder/IMG_5443.jpg) no-repeat;
i stället för som du skrivit
background: #799F7A;
background-image: url(Bilder/IMG_5443.jpg);
background-repeat: no-repeat;

Det var några funderingar... :) Lycka till!

Nä det är inte valideringen som är det enda som betygsätts. Man ska ha gjort vissa grejer också, t.ex använda olika selektorer och lite så.

Jag tyckte att det var bra att du hade lite synpunter på min mall, har nu ändrat det till så du föreslog det, tack så mycket :)

Vad gäller background så vet jag inte riktigt vad läraren anser om det, dem har inte sagt nåt speciellt om det tror jag :OO

Då finns det en sak till jag undrar över. Du har shorthand med tre värden på några ställen
som padding: 15px 15px 5px;
Jag gissar att du tänkt att en ska vara 0 som du utelämnat. Kan tolkas olika av olika webläsare...
Regeln är att man anger antingen 1, 4 eller 2 värden och då börjar man att tänka top och runt... med 2 så läses det som 4 med top och bottom i första värdet.

tanten skrev:

När du anger border, padding eller margin åt flera håll, bör du tänka som klockan med början vid top sedan right, bottom och left sist. Även om man inte anger alla.
Nu har du left först på en del ställen och lite hur som helst.

Varför skulle det spela någon roll? Ordningen på deklarationer har ingen betydelse förutom när de är i konflikt (tex "border:solid; border-top:none")...

tanten skrev:

background är kanske inte helt OK att skriva när du bara har en färg i den.
Då bör det i stället stå background-color:

Varför?

tanten skrev:

Åsikterna är lite olika där...

Åsikter åsido så är

background:lime;

exakt samma sak som

background-color:lime;
background-image:none;
background-repeat:repeat;
background-attachment:scroll;
background-position:0% 0%;

Dvs de som inte anges sätts till deras standardvärden, men det är inte generellt för alla shorthandegenskaper. http://www.w3.org/TR/CSS21/colors.html#propdef-background

tanten skrev:

Då finns det en sak till jag undrar över. Du har shorthand med tre värden på några ställen
som padding: 15px 15px 5px;
Jag gissar att du tänkt att en ska vara 0 som du utelämnat. Kan tolkas olika av olika webläsare...
Regeln är att man anger antingen 1, 4 eller 2 värden och då börjar man att tänka top och runt... med 2 så läses det som 4 med top och bottom i första värdet.

Inte riktigt. Man kan ange 1, 2, 3 eller 4 värden. De som är utelämnade är samma som på motsatt sida. Dvs padding:15px 15px 5px; är samma som padding:15px 15px 5px 15px; (vänster sätts till samma som höger). http://www.w3.org/TR/CSS21/box.html#propdef-padding

Du ställer en del varför-frågor till mig zcorpan och i ärlighetens namn så försökte jag bara hitta sådant, som en lärare, som inte accepterar varningar, eventuellt skulle kunna haka upp sig på.
Jag har läst detta med background någonstans, det kan vara i samband med någon gammal webläsare eller så har det med WAI att göra. Men det kan ju i alla fall inte bli fel att skriva backgrond-color.
Ber om ursäkt för 3-värdena... Fel av mig! Där föll jag in i mitt eget sätt att skriva värden utan att tänka på om det var fel eller rätt. :r

tanten skrev:

Du ställer en del varför-frågor till mig zcorpan och i ärlighetens namn så försökte jag bara hitta sådant, som en lärare, som inte accepterar varningar, eventuellt skulle kunna haka upp sig på.
Jag har läst detta med background någonstans, det kan vara i samband med någon gammal webläsare eller så har det med WAI att göra. Men det kan ju i alla fall inte bli fel att skriva backgrond-color.

Ok. :)