CSS Validation Service ( 61errors )!!!

[mons87]

Hey all ,

I need some help , i converted a psd home page to HTML and CSS , after i finish the html code i test the code in html validations and there was no errors ,,, after i finish the css code i tested the code in CSS Validation Service and get 61 error …..

[mons87]

This is some errors i get

+CiGVkKSIgLz4KPC9zdmc+)
324 .left, .right Value Error : background -moz-linear-gradiis not a background-color value : -ms-linear-gradient(top,rgba(255,255,255,1 ) 0%,rgba(229,229,229,1 ) 100% )
329 .left, .right Value Error : background linear-gradient(top,rgba(255,255,255,1 ) 0%,rgba(229,229,229,1 ) 100% ) is not a background-color value : linear-gradient(top,rgba(255,255,255,1 ) 0%,rgba(229,229,229,1 ) 100% )
330 .left, .right attempt to find a semi-colon before the property name. add it

[Senff]

Did you convert the PSD to HTML/CSS with some automatic tool, or did you do it yourself?

The errors you showed are related to vendor-specific prefixes, which are not 100% valid CSS for every browser. Other things speak for itself (“attempt to find a semi-colon before the property name. add it“)

[agrimsrud]

Although browsers recognize experimental CSS rules and values using vendor prefixes, they’re not valid according to the specification and thus they won’t validate.

[mons87]

@senff… thank you for your respond ,
yes i converted to HTML/CSS by my self in Dreamweaver without using any automatic tool, I am new to css so i dont know what specific prefixes exactly mean, if you mean new css3 properties like (Gradient , box shadow…) then yes i used it in my style sheet . how i can make it valid% ?

Thank You

[Senff]

See @agrimsrud comment above. Using CSS3, you won’t be able to make it 100% valid.

[dfogge]

validators are severely out of date right now. dont worry about making sites 100% valid anymore, just make sure you test on as many browsers and devices as humanly possible.

[Author]

Posts