Validator...pare błędów! Opcje

[Joachim Peters]

Witam,

Ostatnio staram się robić strony zgodne z validator'ami, ale natrafiłem na taki problem.
Kod html jest w 100% poprawny, ale inaczej z css.
Gdy sprawdza swoją strone pokazuje że strona jest zgodna z css ale niżej jest napisane coś takiego:

[HTML] pobierz, plaintext 
Warnings
 
Line : 16 font-family: You are encouraged to offer a generic family as a last alternative
Line : 16 (Level : 2) font-family: You are encouraged to offer a generic family as a last alternative : *
Line : 20 (Level : 1) You have no color with your background-color : .logo
Line : 26 (Level : 1) You have no color with your background-color : .page_name
Line : 33 (Level : 1) You have no color with your background-color : .menu_top
Line : 39 (Level : 1) You have no color with your background-color : .news
Line : 45 (Level : 1) You have no color with your background-color : .menu
Line : 51 (Level : 1) You have no color with your background-color : .center_left
Line : 57 (Level : 1) You have no color with your background-color : .center_right
[HTML] pobierz, plaintext 

to są te błędy czy nie?Jeżeli tak to jak je naprawić?

kod css wygląda tak:

[HTML] pobierz, plaintext 
* {
font-family: tahoma;
}
 
.logo {
background-color: #fbfbfb;
border-left: 1px #e9e9e9 solid;
border-top: 1px #e9e9e9 solid;
}
 
.page_name {
background-color: #fbfbfb;
border-right: 1px #e9e9e9 solid;
border-top: 1px #e9e9e9 solid;
font-size: 11px;
}
 
.menu_top {
background-color: #efefef;
border: 1px #e9e9e9 solid;
font-size: 11px;
}
 
.news {
background-color: #fbfbfb;
border: 1px #e9e9e9 solid;
font-size: 11px;
}
 
.menu {
background-color: #fbfbfb;
border: 1px #e9e9e9 solid;
font-size: 11px;
}
 
.center_left {
background-color: #fbfbfb;
border-left: 1px #e9e9e9 solid;
font-size: 11px;
}
 
.center_right {
background-color: #fbfbfb;
border-right: 1px #e9e9e9 solid;
font-size: 11px;
}
[HTML] pobierz, plaintext 

Pozdrawiam

[siemakuba]

hm, zasadniczo nie są to błedy, ale ostrzeżenia (Warnings) :)
po kolei:

You are encouraged to offer a generic family as a last alternative

znaczy to nie mniej ni więcej tyle, że validator zachęca cię do podania alternatywnego kroju czcionki. O co chodzi? Chodzi o to, że pisząc

Kod

font-family:tahoma;

zakładasz, że ktoś kto ogląda twoją stronę ma ten font zainstalowany w systemie. W przypadku kroju Tahoma wystarczy zdaje się Win98 i już tego fonta domyślnie tam nie ma. Powinieneś podać więc alternatywne kroje, których przeglądarka użyje w razie czego. Jako ostatnia na tej liście powinna pojawić się rodzina fontów, co pozwoli na mniej lub bardziej przybliżone wyświetlenie tekstu w razie kiedy nie będzie dostępny żaden z podanych fontów. Rodziny fontów masz do wyboru różne (vide: http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family), najbardziej popularne to:
- sans-serif - fonty bezszeryfowe (np. Arial, Tahoma, Verdana)
- serif - fonty szeryfowe (np. Times New Roman, Georgia, Palatino)
- monospace - fonty o stałej szerokości znaku (np. Courier)

Jeżeli jako podstawowy font używasz tahomy, w dobrym tonie byłoby zmienić definicję font-family tak:

Kod

font-family: tahoma, arial, verdana, sans-serif;

i to właśnie sugeruje validator.

Kolejne ostrzeżenie:

You have no color with your background-color

mówi o tym, że nie masz zdefiniowanego koloru podstawowego (czyli koloru fontów) tam gdzie masz zdefiniowany kolor tła. Chodzi o to, że może w takiej sytuacji zdarzyć sie, że fonty będą tego samego koloru co tło, a tym samym będą nieczytelne.
Ja osobiście te ostrzeżenie olewam, bo validator nie widzi jak mam zagnieżdżone tagi w kodzie HTML, nie widzi więc, że gdzieś na samej górze zdefiniowany kolor fontu (np. dla BODY) jest dziedziczony przez wszystko niżej.

No, to mniej więcej tyle :)

pozdr.