Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Dziwny błąd w validatorze
Forum PHP.pl > Forum > Przedszkole
thomson89
Witam!

Walidując stronę www.gl-art.pl, otrzymałem błąd:
Cytat
URI : http://www.gl-art.pl
28 Niepoprawny numer : background Błšd parsowania [empty string]


Problem w tym że w 28 linijce nie ma nic takiego. Zaznaczyłem to niżej (28 linijkę).

  1. body {
  2. margin : 0;
  3. padding : 0;
  4. background : #ffffff url('../images/img13.jpg') repeat-x left top;
  5. font-size : 13px;
  6. text-align : justify;
  7. color : #000000;
  8. }
  9. body, th, td, input, textarea, select, option {
  10. font-family : "Trebuchet MS", "Times New Roman", Arial, Times, serif;
  11. }
  12. h1, h2, h3 {
  13. text-transform : none;
  14. font-family : Monotype Corsiva, Arial, Helvetica, sans-serif;
  15. font-size : 15px;
  16. font-weight : normal;
  17. color : #753333;
  18. }
  19. h1 {
  20. letter-spacing : -2px;
  21. font-size : 3em;
  22. }
  23. h2 {
  24. letter-spacing : -1px;
  25. font-size : 2em;
  26. }
  27. h3 {
  28. font-size : 1em; /* 28 linia */
  29. }
  30. p, ul, ol {
  31. line-height : 200%;
  32. }
  33. blockquote {
  34. padding-left : 1em;
  35. }
  36. blockquote p, blockquote ul, blockquote ol {
  37. line-height : normal;
  38. font-style : italic;
  39. }
  40. a {
  41. color : #000000;
  42. }
  43. a:hover {
  44. color : #000000;
  45. }
  46. hr {
  47. display : none;
  48. }
  49. #header {
  50. width : 800px;
  51. height : 130px;
  52. margin : auto;
  53. text-transform : none;
  54. font-family : Arial, Helvetica, sans-serif;
  55. }
  56. #page {
  57. width : 850px;
  58. margin : 0 auto;
  59. }
  60. /* dalszy ciag styli */


//EDIT
Dopisuję mój drugi problem. Otóż, parser validatora krzyczy mi
Cytat
Takie same kolory dla color i background-color w dwóch miejscach body i a

Jeżeli natomiast usunę z a color: #FFFFFF; to linki są na niebiesko - ale validator nie krzyczy.
  1. body
  2. {
  3. margin : 0;
  4. padding : 0;
  5. background : url('../images/img13.jpg') #ffffff repeat-x left top;
  6. font-size : 13px;
  7. text-align : justify;
  8. }
  9.  
  10. a
  11. {
  12. font-family : Arial, Helvetica, sans-serif;
  13. color: #FFFFFF;
  14. }
neuroine
Jak podałeś w cytacie błąd jest w stylu lokalnym w pliku index.php, nie w dołączonym zewnętrznym arkuszu http://www.gl-art.pl/style/style_index.css
Myślę, że w background możesz pominąć #ffffff .



Swoją drogą index zawiera więcej błędów.
thomson89
To jeden błąd rozwiązany.
Cytat
Gratulacje! Nie znaleziono żadnych błędów.


Aby dać białą czcionkę na stronie, muszę zadeklarować w dwóch miejscach biały kolor czcionki.
  1. body {
  2. margin : 0;
  3. padding : 0;
  4. background : url('../images/img13.jpg') #ffffff top left repeat-x;
  5. font-size : 13px;
  6. text-align : justify;
  7. font-family : Arial, Helvetica, sans-serif;
  8. color: #FFFFFF;
  9. }
  10. a {
  11. color: #FFFFFF;
  12. }


Ale validator nie bierze tego pod uwagę:
Cytat
Takie same kolory dla background-color i color
Takie same kolory dla color i background-color w dwóch miejscach body i a


Cytat(neuroine @ 11.12.2009, 22:24:04 ) *
Swoją drogą index zawiera więcej błędów.

Nie.
neuroine
Cytat
Takie same kolory dla background-color i color


Myślę, że w background możesz pominąć #ffffff .


Cytat
Takie same kolory dla color i background-color w dwóch miejscach body i a

Tego ostrzeżenia nie pozbędziesz się nie zmieniając color w body lub a . Może na coś takiego #fffffe;




Miałem na myśli błędy HTMLa w index , a nie CSS


vokiel
Walidator zwraca uwagę, że jeśli masz taki sam kolor tła, jak i linku, to link nie będzie po prostu widoczny.

Zatem można uznać to za błąd, chyba, że planujesz farmę linków SEO, i chcesz ukryć linki przed użytkownikiem (co prawda to już nie działa, ale kiedyś tak robiono).
thomson89
Ok. Poradziłem sobie.

Na stronie głównej, mam "treść" tylko w stopce. Przeniosłem więc color do stopki i nadałem background-color, choć i tak obrazek pokrywa całą stopkę. Ważne że strona jest czyściutka smile.gif
  1. #footer {
  2. clear : both;
  3. height : 170px;
  4. background : url('../images/img03.jpg') #753334 left bottom repeat-x;
  5. text-align : center;
  6. font-size : smaller;
  7. line-height: 200%;
  8. color: #ffffff;
  9. }
  10. #footer p {
  11. padding-top : 60px;
  12. text-transform : none;
  13. }
  14. #footer a {
  15. color: #FFFFFF;
  16. background: #753334;
  17. text-decoration : none;
  18. font-weight : normal;
  19. }


//EDIT
//UDPATE TEMATU

Witajcie ponownie!

Teraz sprawdzam kod html. Zatrzymałem się przy błędzie:
Cytat
Line 15, Column 110: end tag for "img" omitted, but OMITTAG NO was specified
…czyste-gl-art.png" alt="Logo firmy"></a> <a name="gora"></a>
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Oraz
Cytat
Line 15, Column 25: start tag was here
<a href="glowna"><img style="border: 0;" src="images/logo-przezroczyste-


I nie wiem o co w tym chodzi. Strona.
vokiel
Błąd pierwszy informuje o niedomknięciu tagu img, pomimo ustawienia trybu domykania (XHTML strict). Zatem aby wyeliminować błąd wszystkie znaczniki, które nie mają zawartości należy domykać w nich samych. Czyli
  1. <img /> <br /> <meta /> <link />
itd.
Błąd drugi jest związany z pierwszym, jeśli poprawnie domkniesz img będzie ok.
thomson89
Dzięki!
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.