Gå til innhold

.css validator problem/spørsmål


Anbefalte innlegg

BODY { height: 8.5in } /* Required for percentage heights below */
header {
position: absolute;
width: 100%;
height: 150px;
top: 0;
right: 0;
bottom: auto;
left: 0;
background-color: #000000;
}
header span {
background: url(images/header.jpg) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
sidebar {
position: absolute;
width: 10em;
height: auto;
top: 150px;
right: auto;
bottom: 50px;
left: 0;
background-color: #009933;
}
main {
position: absolute;
width: auto;
height: auto;
top: 150px;
right: 0;
bottom: 50px;
left: 10em;
margin-left: 20px;
background-color: #FFFFFF;
}
footer {
position: absolute;
width: 100%;
height: 50px;
top: auto;
right: 0;
bottom: 0;
left: 0;
background-color: #000000;
}

 

Her er koden og i følge validatoren sier den at:

Warnings

URI : file://localhost/style.css

 

    * Line : 10 (Level : 1) You have no color with your background-color : header

    * Line : 26 (Level : 1) You have no color with your background-color : sidebar

    * Line : 37 (Level : 1) You have no color with your background-color : main

    * Line : 47 (Level : 1) You have no color with your background-color : footer

 

 

Men jeg har en farge der, så jeg skjønner ikke gelt hva probemet er.

Så noen som vet hva problemet er?

Lenke til kommentar
Videoannonse
Annonse

Problemet er at du ikke har satt color i tillegg til background-color. I klasser der du definerer en bakgrunnsfarge vil altså validatoren aller helst at du også definerer tekstfarge/forgrunnsfarge. F.eks;

 

background-color: #000;
color: #fff;

Lenke til kommentar

<div id="bakgrunn"> <-- den diven har en bilde som bakrunn

<div class="uten"> HER er litt tekst </div> <--den diven har farge på skriften men ingen bakgrunnsfarge pågrunn av det bilde i den ande diven

</div>

 

er det noen farge som er "gjennomsiktig" husker før gikk det ann å bruke trasparent. noe lignende?

Lenke til kommentar

Om du har kopiert/limt inn koden du har her, så hugs gjerne på at "header" og "footer" ikkje er navn på element. Det eg vil fram til er at du må legge til . (punktum) eller # foran "header" og "footer" i stilarket ditt for at det skal gi meining - alt etter om det er snakk om ein klasse eller ein ID.

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...