Hello everyone,
I'm getting error while validating my style sheet.
Can anyone give me a solution.

This is the error i have now.

2644 #paging_button ul li Property -moz-border-radius doesn't exist : 6px 6px
2645 #paging_button ul li Property -webkit-border-radius doesn't exist : 6px 6px
2646 #paging_button ul li Property -moz-box-shadow doesn't exist : 0 1px 3px rgba(0,0,0,0.6) 0 1px 3px rgba(0,0,0,0.6)
2647 #paging_button ul li Property -webkit-box-shadow doesn't exist : 0 1px 3px rgba(0,0,0,0.6) 0 1px 3px rgba(0,0,0,0.6)

You can check it here

http://jigsaw.w3.org/css-validator/validator?uri=http://www.minitaskr.com&profile=css3

This is my code.

#paging_button ul li { -moz-border-radius: 6px; 
		-webkit-border-radius: 6px;
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
		float:left; height:20px; width:20px; list-style-image:none;
		list-style-type:none; font-weight:bold; border:solid #CCCCCC 1px;
		margin:3px; cursor:pointer;
		}

Can anyone tell me what is the error?

Member Avatar

diafol

The -webkit- and -moz- prefixes refer to specific browsers so they aren't applicable to all browsers. AFAIK, this ensures that they don't validate. If these are the only statements that fail validation, congratulations.

Ok Thanks

The -webkit- and -moz- prefixes refer to specific browsers so they aren't applicable to all browsers. AFAIK, this ensures that they don't validate. If these are the only statements that fail validation, congratulations.