Avatar billede little_kim86 Nybegynder
23. juli 2006 - 19:23 Der er 8 kommentarer og
1 løsning

CSS Validering (Nem)

Har været ved at lege lidt med noget layout i css og har prøvet at validere det på www.w3.org. Men får følgende advarsler.

Line : 5 (Level : 1) You have no color with your background-color : #Baggrund
Line : 20 (Level : 1) You have no color with your background-color : #Menu_left_top
Line : 35 (Level : 1) You have no color with your background-color : #Menu_left_bottom


CSS kode:

#Baggrund {
    height: 600px;
    width: 800px;
    border: 3px solid #808000;
    background-color: #6699FF;   
    position: absolute;
    left: 200px;
    top: 20px;
    z-index: 1;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 150px;
}

#Menu_left_top {
    height: 200px;
    width: 100px;
    border: 3px solid blue;
    background-color: #FFFFFF;
    position: absolute;
    left: 220px;
    top: 40px;
    z-index: 2;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;   
}

#Menu_left_bottom {
    height: 200px;
    width: 100px;
    border: 3px solid green;
    background-color: red;
    position: absolute;
    left: 220px;
    top: 400px;
    z-index: 2;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;   
}


Hvorfor kommer du advarsler???
Avatar billede apo Praktikant
23. juli 2006 - 19:28 #1
Prøv at indsætte 'color', der hvor du får fejl (#Baggrund - #Menu_left_top -
#Menu_left_bottom):

color: #000000;
Avatar billede little_kim86 Nybegynder
23. juli 2006 - 19:33 #2
ja self... Sådan kunne den fejl jo også tydes :-D

Kan du så hurtigt sige mig hvordan jeg centrer min baggrund? Som det er nu er den 200px fra venstre kant... Men hvis jeg ikk ved hva opløsning brugeren køre med kan det jo ikk lige bruges...
Avatar billede little_kim86 Nybegynder
23. juli 2006 - 20:13 #3
Har fundet ud af det... Bare lig et svar...
Avatar billede apo Praktikant
23. juli 2006 - 20:43 #4
OK :-)
Avatar billede mclemens Nybegynder
24. juli 2006 - 01:15 #5
Kaster lige en lille kommentar:
Den manglende color var ikke en fejl
- det er forkert at kalde det for en fejl.

... Det er blot en advarsel fra parseren om at man har
skiftet baggrundsfarven og at man derfor kan risikere at man
måske har valgt en baggrundsfarve der gør at tekstfarven har samme
farve som den nye baggrundsfarve - derfor minder den en om denne "risiko"...

For lige at give et eksempel så er her mine "advarsler" ... bemærk jeg har ingen fejl - kan slette dem alle ved at definere elementer som de bliver tildelt til istedet for korte id og class defineringer - og ved at tilføje baggrundsfarve og farver ... men som sagt det er ikke fejl :o)

Line : 2 (Level : 1) You have no color with your background-color : html
Line : 3 (Level : 1) You have no background-color with your color : body
Line : 5 (Level : 1) You have no background-color with your color : a
Line : 17 (Level : 1) This property applies to block-level elements. : #logo
Line : 30 (Level : 1) This property applies to block-level elements. : .mr div
Line : 30 (Level : 1) You have no color with your background-color : .mr div
Line : 30 (Level : 1) This property applies to block-level elements. : .mr div
Line : 30 (Level : 1) You have no color with your background-color : .mr div
Line : 31 (Level : 1) You have no color with your background-color : .ml div div
Line : 31 (Level : 1) You have no color with your background-color : .ml div div
Line : 40 (Level : 1) This property applies to block-level elements. : .mcxdtvl
Line : 41 (Level : 1) This property applies to block-level elements. : .mcxdtvr
Line : 47 (Level : 1) You have no color with your background-color : .mr div a
Line : 66 (Level : 1) This property applies to block-level elements. : div.mca
Line : 72 (Level : 1) This property applies to block-level elements. : div.mcxpm
Line : 73 (Level : 1) This property applies to block-level elements. : div.mcxpmx
Line : 83 (Level : 1) This property applies to block-level elements. : .mcxvafsc
Line : 87 (Level : 1) This property applies to block-level elements. : .mcxvafs div div div
Line : 92 (Level : 1) This property applies to block-level elements. : .mcxva
Line : 93 (Level : 1) This property applies to block-level elements. : .mcxvc
Line : 96 (Level : 1) This property applies to block-level elements. : .mcxve
Line : 99 (Level : 1) This property applies to block-level elements. : .mcxvfr
Line : 101 (Level : 1) This property applies to block-level elements. : div.mcxvv
Line : 103 (Level : 1) This property applies to block-level elements. : div.mcxvl
Line : 116 (Level : 1) This property applies to block-level elements. : .mccx
Line : 119 (Level : 1) This property applies to block-level elements. : div.mcxvfl
Line : 125 (Level : 1) This property applies to block-level elements. : div.mcadmc
Line : 132 (Level : 1) You have no background-color with your color : #findpakke
Avatar billede Slettet bruger
24. juli 2006 - 14:26 #6
Faren er lidt større end antydet af mclemens. I de fleste moderne browsere kan man nemlig lave sit eget stylesheet.

Forestil dig, at jeg har et stylesheet sat op i min browser, som laver om på farverne for links.

a {
  color: white;
  background-color: black;
}

Hvis du så har et stylesheet på din side, som enten sætter color på a-elementer til sort  eller background-color til hvid uden samtidig at sætte den anden farve, så bliver links på siden ulæselige.

Der er altså tale om en ægte risiko, og den opstår ikke kun, hvis man ikke har styr på sin egen sides styles.
Avatar billede mclemens Nybegynder
24. juli 2006 - 17:52 #7
[ Faren er lidt større end antydet af mclemens. ]
- Jeg har aldrig snakket om faren? Jeg sagde at det
var forkert at kalde det for en fejl ... det er kun
en advarsel men er dog enig med dig i problemet om at
man kan indstille sit eget stylesheet i nyere browsere...

En ting der er irriterende ved w3c's parser er at den også kommer
med advarslen selvom man definerer baggrunden til transperant...

En anden ting er at man skal definere alt, simpelthen alt css der muligvis eller muligvis ikke kan være defineret i en person stylesheet ikke kun baggrund og color på alle elementer. Advarslerne fortæller heller ikke at risikoen kun opstår på det felt - lad os f.eks. sige at jeg har en html side og jeg har defineret baggrund rød og tekst gul i min css til body ... jeg har et b element på siden - og så er der en bruger der har defineret andre farver på b elementet ... det kommer der f.eks. ingen advarsel om således er det med rigtig meget når vi snakker brugerdefinerede stylesheet's...

- og så er der også mulighed for at gøre så siden man går ind på ikke kan overrule det stylesheet man selv har sat op ... og så hjælper det ikke noget med baggrund og color definering ... en bruger kan ødelægge visningen af siden ... man kan skele til advarslerne og andet men som sandbox siger er det vigtige at man har styr på ens stylesheet ... brugeren kan altid ødelægge hans egen visning af dit site ... og så bør han måske fjerne noget af det han har lavet i hans "specielle" stylesheet istedet ... det er nok nemmere end at man skal tage hensyn til alle mulige og umulige css defineringer - hvis brugeren der besøger ens side har lavet sit eget stylesheet og han har en fejl i hans stylesheet bør han selv ændre det så den ikke overruler det der normalt er på siden ... os kodere bør ikke tage hensyn til alle mulige og umulige indstillinger ... men det er selvfølgelig blot min holdning.

- men det er dog vigtigt at man har defineret minimum baggrund på selve siden, padding, margin, color o.s.v. da dette varierer lidt fra browser til browser (andre elementer er også gode at definere forskellige ting på som f.eks. margin på h elementer) ... og så er det selvfølgelig vigtigt at man kontrollerer visningen visuelt i de forskellige browsere (tester selv i IE, FF, OP, NS)

Men, det der lægger i det er at baggrunden ikke var defineret og hvis vi nu brugte transparent havde man stadig advarslen ... og i nogle tilfælde vil man have den transparent ...

Mvh, Clemme

p.s.: Min baggrund i a tagget er transparent ( background:transparent; )
... men som sagt er w3c's parser ikke lige helt på toppen med ordet transparent
Avatar billede mclemens Nybegynder
24. juli 2006 - 21:15 #8
[ Jeg har aldrig snakket om faren? ] Den del var lidt forkert, jeg kom ind på faren,
men kom ikke ind på problemet, der kan eksistere med brugernes egne stylesheet ...
Avatar billede Slettet bruger
25. juli 2006 - 01:36 #9
Nej, du kom ikke direkte ind på faren. Det, du gjorde var at sætte "" om risiko, så du dermed antydede, at den er nærmest ikke-eksisterende og mest teoretisk.

Jeg vil så også indrømme, at det er de færreste brugere, der opsætter deres eget stylesheet, så normalt har man kun browserens indbyggede at slås med (eller mod).
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester