HTML & CSSur HTML, XHTML & CSS
13 svar · 620 visningar · startad av m_soderlund
Okej.. Jag validerar min stilmall och får fram detta resultat: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.dileno.hel.nu%2Fmartin%2Fstyle.css
Det står ju att dokumentet är korrekt validerande CSS, men om man kollar lite längre ner har vi några varningar som jag skulle vilja få bort. Hur göra?
Verkar skumt att jag inte har bakgrundsfärg på något alls.. Eller?
För att få bort varningarna åtgärdar du punkterna som validatorn varnar om. :)
Men jag förstår inte HUR?
valideraren skrev:
Line : 2 font-family: You are encouraged to offer a generic family as a last alternative
Line : 2 Level : 1 You have no color with your background-color : body
Hur ska man ändra dem, till att börja med? I hath knappt a clue. :/
Line : 2 font-family: You are encouraged to offer a generic family as a last alternative
w3c skrev:
Generic font families are a fallback mechanism, a means of preserving some of the style sheet author's intent in the worst case when none of the specified fonts can be selected. For optimum typographic control, particular named fonts should be used in style sheets.
Lägg till fler teckensnitt i ditt font-set, alla har inte Verdana, avsluta med en generic font, ex. serif, sans-serif.
Line : 2 Level : 1 You have no color with your background-color : body
Du har inte angett något font-color-attribut för body..
ex. color: #000;
Som det står i varningarna.
du bör ha någon av dessa ("serif", "sans-serif", "cursive", "fantasy", "monospace") som sista alternativ. Se: http://www.w3schools.com/css/pr_font_font-family.asp
Anger du color så bör du också ange background-color och tvärt om
/red. nu var jag för slö igen :)
Jag förstår dig ;)
Det tar en stund att lära sig klura ut vad validatorn menar (med det står faktiskt där om man vet hur man skall läsa ;) ).
Så här ligger det till med just de två varningarna du tog upp:
Du har satsen:
body { background-color: #FFFFFF; font-family: Verdana; font-size: 12px; }
Den ställer in tre saker:
Bakgrundsfärg ( background-color: #FFFFFF)
Typsnitt (font-family: Verdana)
Textstorlek (font-size: 12px).
Det som validatorn varnar för är det som står i ditt citat - nämligen:
"Verdana" finns inte garanterat på alla maskiner som lan tänkas användas för att titta på din sida. Du kan ange *flera* typsnitt här, och det finns vissa gennerella som *alltid* skall kunna hanteras.
Lägg till ett av dessa (t.ex. serif eller sans-serif) så försvinner varningen.
"You have no color with your background-color " - Du har inte explicit angivit någon textfärg. En sådan lägger du till med color: ;)
Prova
body {
background-color: #FFFFFF;
color: #000000;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 12px;
}
Jag lade på typsnitten jag brukar köra med i exemplet - Helvetica (bra på Mac som saknar Verdana) och Arial (bra för vissa U**x/Linux-burkar av samma skäl) också.
Webbläsaren skall välja "det vänstraste" den råkar ha installerat om flera av dem finns i systemet samtidigt.
Lycka till!
(och tänk på att det praktiskt taget inte finns några webbplatser som klarar CSS-validering utan varningar överhuvudtaget idag - så fundera på om du egentligen vill lägga din ribba så högt ;) )
Fråga gärna igen om det är flera varningar du undrar över ;)
/red - ja jäsingen - det var visst jag också - slö alltså - attans enfingerspickande... Måste lära mig maskinskrivning ordentligt nån dag :birp
Aha!
Så i stället för att enbart välja Verdana ska jag skriva Verdana, Arial, sans-serif?
Och det här med att ange color, det är alltså för texten.. Exempelvis
body {
background-color : #ffffff;
font-family : Verdana;
font-color : #000000;
font-size : 12px;
i stället för
body {
background-color : #ffffff;
font-family : Verdana;
font-size : 12px;
?
Tack jarvklo! Såg inte ditt inlägg förrän jag postat mitt.. Tack!
Jupp!
*minst* verdana,sans-serif (du kan slänga på så många eller få du vill bara sans.serif är med på slutet som en sorts "default"-font ;)
Färger:
Överallt du har en color - så vill validatorn att du tar med en en background-color också (och vice versa) om du vill slippa varningar om utebliver bakgrunds- (eller text-) -färg. ;)
Tack jarvklo! Såg inte ditt inlägg förrän jag postat mitt.. Tack!
Och jag inte ditt tack eftersom jag skrev på förra inlägget - så det jämnar ut sig :e
Huvudsaken det funkar :bire
Aaaight - *Martin redigerar style.css*
Tack!
Men om man inte vill att background-color ska ha något värde då?
Det fungerar ju inte med background-color: #;..
transparent fungerar fint :)
frankof skrev:
transparent fungerar fint :)
Hm, typ:
background-color: transparent;
eller?
r/
NU är allt klart. Tack för hjälpen alla!
Sajten kan besökas på https://www.dileno.hel.nu.