WordPress.org

Support

Support » Plugins and Hacks » [Plugin: cformsII – contact form] creates CSS errors!!

[Plugin: cformsII – contact form] creates CSS errors!!

  • What’s the deal with this?
    W3C CSS Validator results:

    9 .cpYearNavigation, .cpMonthNavigation Value Error : vertical-align center is not a vertical-align value : center
    61 TD.cpCurrentDate Value Error : border-width only 0 can be a length. You must put an unit after your number : 1
    65 TD.cpCurrentDateDisabled Value Error : border-width only 0 can be a length. You must put an unit after your number : 1
    92 #datepicker Property layer-background-color doesn’t exist : white
    104 * html #datepicker iframe Parse Error :mask()
    URI : /wordpress/wp-content/plugins/contactforms/styling/cforms.css
    61 .cform label Value Error : display -moz-inline-box is not a display value : -moz-inline-box
    145 span.reqtxt, span.emailreqtxt Value Error : display -moz-inline-box is not a display value : -moz-inline-box

    http://wordpress.org/extend/plugins/cforms/

Viewing 4 replies - 1 through 4 (of 4 total)
  • This is a resolved issue. Please update to the latest cforms version!


    Please also visit the cforms forum »

    Nope, still broken…

    wp-content/plugins/cforms/styling/shiny_style.css

    78 	.cform label 	Value Error : display -moz-inline-box is not a display value : -moz-inline-box
    150 	.cform select 	Value Error : width Too many values or values are not recognized : 183 px
    170 	span.reqtxt, span.emailreqtxt 	Value Error : display -moz-inline-box is not a display value : -moz-inline-box

    This and this might help to understand the background of “-moz-inline-box“. Whether or not the validator whines about it, it follows a best practice.


    Please also visit the cforms forum »

    To be honest I think that the W3C validation best practice is far more important than a browser specific best practice even if it is for a gecko based one. Many would agree especially when working for a standards compliant development firm.

    But – fear not!! The desired effect can be accomplished by killing the -moz-inline-box display property and floating it to the left.

    I didn’t do this with the shiny CSS one but I did with the minimal CSS and it worked like a charm.

    I really hope this is fixed in the next release because some people (including a co-worker of mine) refuse to use this phenomenal product because of the validation issues.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Plugin: cformsII – contact form] creates CSS errors!!’ is closed to new replies.