Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Validator...pare błędów!
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
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:
  1. Warnings
  2.  
  3. Line : 16 font-family: You are encouraged to offer a generic family as a last alternative
  4. Line : 16 (Level : 2) font-family: You are encouraged to offer a generic family as a last alternative : *
  5. Line : 20 (Level : 1) You have no color with your background-color : .logo
  6. Line : 26 (Level : 1) You have no color with your background-color : .page_name
  7. Line : 33 (Level : 1) You have no color with your background-color : .menu_top
  8. Line : 39 (Level : 1) You have no color with your background-color : .news
  9. Line : 45 (Level : 1) You have no color with your background-color : .menu
  10. Line : 51 (Level : 1) You have no color with your background-color : .center_left
  11. Line : 57 (Level : 1) You have no color with your background-color : .center_right

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

kod css wygląda tak:
  1. * {
  2. font-family: tahoma;
  3. }
  4.  
  5. .logo {
  6. background-color: #fbfbfb;
  7. border-left: 1px #e9e9e9 solid;
  8. border-top: 1px #e9e9e9 solid;
  9. }
  10.  
  11. .page_name {
  12. background-color: #fbfbfb;
  13. border-right: 1px #e9e9e9 solid;
  14. border-top: 1px #e9e9e9 solid;
  15. font-size: 11px;
  16. }
  17.  
  18. .menu_top {
  19. background-color: #efefef;
  20. border: 1px #e9e9e9 solid;
  21. font-size: 11px;
  22. }
  23.  
  24. .news {
  25. background-color: #fbfbfb;
  26. border: 1px #e9e9e9 solid;
  27. font-size: 11px;
  28. }
  29.  
  30. .menu {
  31. background-color: #fbfbfb;
  32. border: 1px #e9e9e9 solid;
  33. font-size: 11px;
  34. }
  35.  
  36. .center_left {
  37. background-color: #fbfbfb;
  38. border-left: 1px #e9e9e9 solid;
  39. font-size: 11px;
  40. }
  41.  
  42. .center_right {
  43. background-color: #fbfbfb;
  44. border-right: 1px #e9e9e9 solid;
  45. font-size: 11px;
  46. }


Pozdrawiam
siemakuba
hm, zasadniczo nie są to błedy, ale ostrzeżenia (Warnings) :)
po kolei:
Cytat
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:
Cytat
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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.