Grow your CSS skills. Land your dream job.

CSS Validation Service ( 61errors )!!!

  • # June 5, 2012 at 9:57 am

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

    # June 5, 2012 at 10:00 am

    This is some errors i get

    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

    # June 5, 2012 at 10:37 am

    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“)

    # June 5, 2012 at 11:12 am

    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.

    # June 6, 2012 at 3:12 am

    @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

    # June 6, 2012 at 7:44 am

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

    # June 6, 2012 at 10:06 am

    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.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".