[HTML][CSS] Dziwny błąd w validatorze, Update tematu Opcje

[thomson89]

Witam!

Walidując stronę www.gl-art.pl, otrzymałem błąd:

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ę).

[CSS] pobierz, plaintext 
body { 
margin : 0; 
padding : 0; 
background : #ffffff url('../images/img13.jpg') repeat-x left top; 
font-size : 13px; 
text-align : justify; 
color : #000000; 
} 
body, th, td, input, textarea, select, option { 
font-family : "Trebuchet MS", "Times New Roman", Arial, Times, serif; 
} 
h1, h2, h3 { 
text-transform : none; 
font-family : Monotype Corsiva, Arial, Helvetica, sans-serif; 
font-size : 15px; 
font-weight : normal; 
color : #753333; 
} 
h1 { 
letter-spacing : -2px; 
font-size : 3em; 
} 
h2 { 
letter-spacing : -1px; 
font-size : 2em; 
} 
h3 { 
font-size : 1em; /* 28 linia */
} 
p, ul, ol { 
line-height : 200%; 
} 
blockquote { 
padding-left : 1em; 
} 
blockquote p, blockquote ul, blockquote ol { 
line-height : normal; 
font-style : italic; 
} 
a { 
color : #000000; 
} 
a:hover { 
color : #000000; 
} 
hr { 
display : none; 
} 
#header { 
width : 800px; 
height : 130px; 
margin : auto; 
text-transform : none; 
font-family : Arial, Helvetica, sans-serif; 
} 
#page { 
width : 850px; 
margin : 0 auto; 
}
/* dalszy ciag styli */ 
[CSS] pobierz, plaintext 

//EDIT
Dopisuję mój drugi problem. Otóż, parser validatora krzyczy mi

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.

[CSS] pobierz, plaintext 
body 
{ 
    margin : 0; 
    padding : 0; 
    background : url('../images/img13.jpg') #ffffff repeat-x left top; 
    font-size : 13px; 
    text-align : justify;
} 
 
a 
{ 
    font-family : Arial, Helvetica, sans-serif;
    color: #FFFFFF;
} 
[CSS] pobierz, plaintext 

Ten post edytował thomson89 12.12.2009, 11:55:29

[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.

Ten post edytował neuroine 11.12.2009, 22:30:04

[thomson89]

To jeden błąd rozwiązany.

Gratulacje! Nie znaleziono żadnych błędów.

Aby dać białą czcionkę na stronie, muszę zadeklarować w dwóch miejscach biały kolor czcionki.

[CSS] pobierz, plaintext 
body { 
	margin : 0; 
	padding : 0; 
	background : url('../images/img13.jpg') #ffffff top left repeat-x;
	font-size : 13px; 
	text-align : justify;
	font-family : Arial, Helvetica, sans-serif;
	color: #FFFFFF;
} 
a { 	
	color: #FFFFFF;
}
[CSS] pobierz, plaintext 

Ale validator nie bierze tego pod uwagę:

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

Swoją drogą index zawiera więcej błędów.

Nie.

Ten post edytował thomson89 11.12.2009, 22:32:28

[neuroine]

Takie same kolory dla background-color i color

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

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 (IMG:style_emoticons/default/smile.gif)

[CSS] pobierz, plaintext 
#footer { 
	clear : both; 
	height : 170px; 
	background : url('../images/img03.jpg') #753334 left bottom repeat-x; 
	text-align : center; 
	font-size : smaller; 
	line-height: 200%;
	color: #ffffff;
} 
#footer p { 
	padding-top : 60px; 
	text-transform : none; 
} 
#footer a { 
	color: #FFFFFF;
	background: #753334;
	text-decoration : none; 
	font-weight : normal; 
} 
[CSS] pobierz, plaintext 

//EDIT
//UDPATE TEMATU

Witajcie ponownie!

Teraz sprawdzam kod html. Zatrzymałem się przy błędzie:

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

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.

Ten post edytował thomson89 12.12.2009, 11:58:40

[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

[HTML] pobierz, plaintext 
<img /> <br /> <meta /> <link />
[HTML] pobierz, plaintext 

itd.
Błąd drugi jest związany z pierwszym, jeśli poprawnie domkniesz img będzie ok.

[thomson89]

Dzięki!