CSS3 i border-radius

0

Witam.

Mam taki kod:

h1 {
	font-size: 200%;
	text-shadow: 0.05em 0.05em 0.25em #111111;
	font-variant: small-caps;
	background-color: #333333;
	color: #ffffff;
	padding: 0.25em 0.1em 0.25em 0.1em;
	margin-right: 1em;
	text-indent: 1em;
	border-top-right-radius: 500em 200em;
	border-bottom-right-radius: 520em 220em;
	border-top-left-radius: 520em 220em;
	border-bottom-left-radius: 50em 20em;
	min-width: 20em;
	max-width: 20em;
}

Problem jest gdy poddaje go walidacji na http://jigsaw.w3.org/css-validator/validator. Wypluwa mi błąd:

22 	h1 	Błšd parsowania [empty string]
23 	h1 	Błšd parsowania [empty string]
24 	h1 	Błšd parsowania [empty string]
25 	h1 	Błšd parsowania [empty string] 

Czym jest to spowodowane?.. Border-radius (już) nie wchodzi w skład standardu?

1

Walidator sprawdza skladnie pod katem CSS 2.1.
Nie przejmuj sie tym.

0

ale w walidacji masz opcje CSS3 - możesz ręcznie to ustawić. Czy to tylko "pusta" opcja?

0

Na początek odpowiedz sobie na pytanie czy robisz tą stronę pod validator czy pod przeglądarki, bo jedno ma się do drugiego jak piernik do wiatraka.

0

Jeśli pod przeglądarki to dodaj:

	-webkit-border-radius:1%;
	-moz-border-radius:1%;

Oczywiście przerób do swoich potrzeb ;)

0

Naturalnie wiem o webkicie i moz ale to też jest niezgodne i dlatego pytałem o co chodzi ;)

1

Oczywiscie, bo nie sa one zgodne ze specyfikacja CSS - sa jedynie charakterystyczne dla silnika Webkit oraz Gecko.

0

no i o to mi chodziło. Dziękuje za odpowiedź

1 użytkowników online, w tym zalogowanych: 0, gości: 1