Help with validing css

swarfega · 09-08-2012, 10:12 PM

Hi there. I am currently trying to validate my stylesheey to version 3 specifications.

The W3C validator is showing the following errors:

Code:

145	 label	 Property border-size doesn't exist : 2px
196	 #bloginfo2	 Property webkit-border-radius doesn't exist : 5px
196	 #bloginfo2	 Property moz-border-radius doesn't exist : 5px
197	 #bloginfo2b	 Property webkit-border-radius doesn't exist : 5px
197	 #bloginfo2b	 Property moz-border-radius doesn't exist : 5px
198	 #bloginfo2c	 Property webkit-border-radius doesn't exist : 5px
198	 #bloginfo2c	 Property moz-border-radius doesn't exist : 5px
221	 a.links3:link, a.links3:active, a.links3:visited	 Value Error : border-bottom attempt to find a semi-colon before the property name. add it
222	 a.links3:hover, a.links3:visited:hover	 Value Error : border-bottom Too many values or values are not recognized : solid 1px solid 1px #009

I would prefer to keep the webkit radii coding and I do understand thats not standard (I'm guessing there is no standard way to make rounded borders).

Also its reporting these confusing errors:

Code:

79		Same colors for color and background-color in two contexts a.nav:hover and h5
79		Same colors for color and background-color in two contexts a.nav:visited:hover and h5
81		Same colors for color and background-color in two contexts a.nav:hover and subscribersss:link
81		Same colors for color and background-color in two contexts a.nav:visited:hover and subscribersss:link
83		Same colors for color and background-color in two contexts a.nav:hover and a.subs:link

There are loads of these and I'm not sure why its doing this.

Validator settings are:

Profile: CSS Level 3
Medium: screen
Type: automatic
Warnings: normal report
Vendor extensions: default

Thanks in advance for your help.

If your interested, here is the complete stylesheet: http://pastebin.com/DCbMq4sh

swarfega · 09-09-2012, 05:58 PM

Anyone?

tracknut · 09-09-2012, 06:02 PM

A bunch of typos in your code:
border-size => border-width
webkit stuff should be -webkit
moz stuff should be -moz
missing semi-colon

The warnings are just telling you that an object of one color sitting on top of a background of the same color will be impossible to read. Not an error, just letting you know this probably isn't a good situation.

Dave