ďťż

Validator CSS

Podstrony

telcocafe

Chciałbym powrócić do tematu Validatora CSS. Otóż robię co mogę, ale od tygodnia nie mogę sobie poradzić z ostrzeżeniami jakie wyświetla mi Validator. Oczywiście mógłbym usunąć tą częsć, przez którą wyświetlne są komunikaty, lecz wtedy strona wygląda inaczej niż na początku (totalny chaos :( ). Oto treść ostrzeżeń:
* Line : 6 font-family: You are encouraged to offer a generic family as a last alternative * Line : 6 (Level : 2) font-family: You are encouraged to offer a generic family as a last alternative : body * Line : 17 (Level : 2) Redefinition of width : * html * div#wszystko * Line : 21 (Level : 1) You have no color with your background-color : div#naglowek * Line : 26 (Level : 1) You have no color with your background-color : div#pasek * Line : 45 (Level : 1) You have no color with your background-color : div#stopka * Line : 68 (Level : 1) You have no background-color with your color : a * Line : 75 (Level : 1) You have no background-color with your color : a:hover

A tu kod z pliku style.css:
* body { o margin : 0; o padding : 0; o background : #fff; o color : #424f5d; o font : normal 10px/130% Verdana; o text-align : center; o font-weight : normal; } * div#wszystko { o width : 760px; o margin : 10px auto; o border : 1px solid #a1b5c9; } * * html * div#wszystko { o width : 762px; o width : 760px; } * div#naglowek { o height : 100px; o background : #d5eaff; o font-weight : bolder; } * div#pasek { o height : 20px; o background : #c5d6fc; o text-align : center; } * div#kol_lewa, div#kol_prawa { o width : 20%; o float : left; } * div#srodek { o width : 60%; o float : left; o min-height : 500px; o text-align : left; } * * html * div#srodek { o height : 500px; } * div#stopka { o clear : both; o height : 50px; o background : #d5eaff; } * div.ramka { o width : 146px; o margin : 5px auto; } * div.ramka div.gora { o height : 9px; o background : url(img/bg_up.gif) no-repeat; } * div.ramka div.miedzy { o background : url(img/bg_center.gif) repeat-y; o text-align : left; o padding : 0 6px; o font-weight : normal; } * div.ramka div.dol { o height : 9px; o background : url(img/bg_down.gif) no-repeat; } * a { o text-decoration : none; o color : #000; o background : none; o font-size : 7pt; o text-align : center; } * a:hover { o text-decoration : underline; o color : #000; o background : none; o font-size : 7pt; } * p { o text-align : center; o font-weight : bolder; o font-size : 10px; } * div { o text-align : center; } * div#justify { o text-align : justify; } * #flash { o margin : 20px auto auto; } * .blink { o text-decoration : blink; }
Proszę o pomoc :(

* Line : 17 (Level : 2) Redefinition of width : * html * div#wszystko * * html * div#wszystko { o width : 762px; o width : 760px; }
Ewidentnie są dwa... (O jeden za dużo!)

* Line : 6 font-family: You are encouraged to offer a generic family as a last alternative
Mój przykład, ostatni font jest najważniejszy dla walidatora CSS, bo to jest czcionka która na 100% musi być w systemie, czyli np. nie zmieniaj tej co podałem (jest jeszcze kilka, ale komu to potrzebne...):
font-family:'Courier New','Times New Roman',sans-serif;

Co do reszty czyli colorów i background-colorów to ja mam na to prosty sposób: np.
color:inherit
lub background:inherit
Użytkownik NIC edytował ten post 25 maj 2006, 13:10
Co do...
color:inherit lub background:inherit
... to nic się nie zmieniło.
font-family:'Courier New','Times New Roman',sans-serif;
Nie mogę dać tych czcionek :( . Strona jest nieczytalna ( przez sans-serif).

Nie może przez Sans-serif, bo ta czcionka jest na wszelki wypadek, najważniejsza jest pierwsza, którą Ty sam tam sobie wpisz (zmień)....

Co do background i color, to musi nie być ostrzeżeń.... Napewno wszędzie wstawiłeś?

//PS. To nie jest kod z pliku *.css.... Pełno tam śmieci... Podaj kod z pliku, a nie z wyświetlania kodu przez walidator...
Użytkownik NIC edytował ten post 25 maj 2006, 13:29

OK. Czcionki mam. Dziękuję :) . Ale gdy dam inheritnie mam kolorów, a tego nie chcę :( .
Oto kod:
body { margin: 0; padding: 0; background: #FFF; color: #424F5D; font: normal 10px/130% Verdana, sans-serif; text-align: center; font-weight: normal; } div#wszystko { width: 760px; margin: 10px auto; border: 1px solid #A1B5C9; } * html * div#wszystko { width: 762px; } div#naglowek { height: 100px; background-color: #D5EAFF; font-weight: bolder; } div#pasek { height: 20px; background: #c5d6fc; text-align: center; } div#kol_lewa, div#kol_prawa { width: 20%; float: left; } div#srodek { width: 60%; float: left; min-height: 500px; text-align: left; } * html * div#srodek { height: 500px; } div#stopka { clear: both; height: 50px; background: #D5EAFF; } div.ramka { width: 146px; margin: 5px auto; } div.ramka div.gora { height: 9px; background: url(img/bg_up.gif) no-repeat; } div.ramka div.miedzy { background: url(img/bg_center.gif) repeat-y; text-align: left; padding: 0 6px; font-weight: normal; } div.ramka div.dol { height: 9px; background: url(img/bg_down.gif) no-repeat; } a { text-decoration: none; color: #000; background: none; font-size: 7pt; text-align: center; } a:hover { text-decoration: underline; color: #000; background: none; font-size: 7pt; } p { text-align: center; font-weight: bolder; font-size: 10px; } div { text-align: center; } div#justify { text-align: justify; } #flash { margin: 20px auto auto auto; } .blink { text-decoration:blink; }

OK. Zostało tylko:
* Line : 20 (Level : 1) You have no color with your background-color : div#naglowek
* Line : 25 (Level : 1) You have no color with your background-color : div#pasek
* Line : 44 (Level : 1) You have no color with your background-color : div#stopka
W tamtym zamiast #000, wpisałem black i dałem Twój "inherit" i działa :) . Ale co dalej?
Użytkownik marcin_rys edytował ten post 25 maj 2006, 13:52
To zamiast inherit wpisz już konkretne kolory. Parę uwag:
background:none {nie ma none, wpisz kolor! lub inherit)
jeśli kolor zapisujesz w postaci #xxxxxx to pisz pełną formę czyli krzyżyk i sześć cyfr (lub i liter...)! np. #000000 (czarny) lub #FFFFFF (biały).

Po prosty podają Ci numer lini i sprawdź czy pomiędy { i } jest color i background. Jeśli któregoś nie ma to dopisz.
Użytkownik NIC edytował ten post 25 maj 2006, 13:55
Znów się zatrzymałem: Sysuacja wszędzie jest taka sama: "You have no color with your background-color". O co mu chodzi? Przecież nie można ich nazwać. A mam je zapisane poprawnie.

NIC, nie wiem czy Ci ktoś to kiedyś powiedział, ale jesteś wielki :) ! Dziękuję!
(ups... przepraszam, znów post pod postem :( )
Użytkownik marcin_rys edytował ten post 25 maj 2006, 14:01

Znów się zatrzymałem: Sysuacja wszędzie jest taka sama: "You have no color with your background-color". O co mu chodzi? Przecież nie można ich nazwać. A mam je zapisane poprawnie.

Spróbuj dać normalne background: #kolor

Te ostrzeżenieYou have no color with your background-coloroznaczają że w danym stylu masz zdefiniowany background-color, ale nie masz color. Czemu to jest wymagane to nie wiem, ale tak jest.

//Edit - Jak ładnie 3 odpowiedzi w tym samym czasie ;) w tym jedna trochę nietrafiona :P
Użytkownik reVis edytował ten post 25 maj 2006, 14:03
Aaaa... Jeszcze jedno małe pytanko. Jak dostać ten znaczek, który daje Validator na stronę, bo piszę "No error or warning found". Zaznaczam, że stronę mam jeszcze na dysku.

Aaaa... Jeszcze jedno małe pytanko. Jak dostać ten znaczek, który daje Validator na stronę, bo piszę "No error or warning found". Zaznaczam, że stronę mam jeszcze na dysku.

wyświetlany jest kod do wklejenia... skopiuj adres do obrazka :/

Pomyślałeś chociaż chwilę zanim to napisałeś??
http://jigsaw.w3.org...tor/images/vcss - TU MASZ OBRAZEK.

Pomyślałeś chociaż chwilę zanim to napisałeś??
http://jigsaw.w3.org...tor/images/vcss - TU MASZ OBRAZEK.

O tym wiem. Chodziło mi o inne obrazki, coś na zasadzie opery.

Sitedesign by AltusUmbrae.

Darmowy hosting zapewnia PRV.PL