DOWNLOAD DEMO
Current Version: 2.4.1.0 2016-04-10
Need a hand? Join the community.

About CSS Validation

The W3C CSS Validator is a good tool to help you find errors in your CSS. For a long time I was very concerned about making sure all CSS included in mojoPortal content management system and used here on mojoportal.com would validate. However, the browser wars have evolved, the standards are still evolving, but at the end of the day we need to make our site look good in the popular browsers of the day. For the most part we do want to validate, but occasionally we may use things that are browser specific to enhance the experience of users who use those browsers. I try to stick with browser specific things that are forward looking to the way standards will probably evolve. Once it becomes a standard then the browser specific implementation will be replaced by standards based CSS. For example there are many browser specific things that are useful and forward looking to CSS 3.

Note that you have full control over the CSS included in your site by custom skinning and therefore if you are a validation purist or it is a requirement of your project to pass CSS validation 100%, you can eliminate all violations. My opinion is that as long as you understand why you are using the things that don't validate then you are probably ok, you should not have outright errors, but if you have vendor specific things and you know what they are then it is not something to lose sleep over. For more info see The Great CSS 3 Validation Debate.

The new admin toolbar implemented in the included skins uses some browser specific CSS 3 implementations so we currently get these violations on mojoportal.com and sites using the included skins:

1 div#toolbar, div#toolbarbut Property -moz-border-radius-topleft doesn't exist : 8px 8px
1 div#toolbar, div#toolbarbut Property -khtml-border-radius-topleft doesn't exist : 8px 8px
1 div#toolbar, div#toolbarbut Property -webkit-border-top-left-radius doesn't exist : 8px 8px
1 div#toolbar, div#toolbarbut Property -moz-border-radius-topright doesn't exist : 8px 8px
1 div#toolbar, div#toolbarbut Property -khtml-border-radius-topright doesn't exist : 8px 8px
1 div#toolbar, div#toolbarbut Property -webkit-border-top-right-radius doesn't exist : 8px 8px
1 div#toolbar, div#toolbarbut Property -moz-box-shadow doesn't exist : 0 1px 10px #666,inset 1px 1px 0 #a4a4a4 0 1px 10px #666,inset 1px 1px 0 #a4a4a4
1 div#toolbar, div#toolbarbut Property -khtml-box-shadow doesn't exist : 0 1px 10px #666 0 1px 10px #666
1 div#toolbar, div#toolbarbut Property -webkit-box-shadow doesn't exist : 0 1px 10px #666 0 1px 10px #666
1 div.jqi Property -moz-border-radius doesn't exist : 10px 10px
1 div.jqi Property -webkit-border-radius doesn't exist : 10px 10px

None of these validation errors troubles me at all. They are Mozilla and Web Kit specific and they cause no harm in other browsers. However if they bother you, you can exclude this from the style.config of any included skin to get rid of them:

<file cssvpath="/Data/style/jqtoolbar/style.css" imagebasevpath="/Data/style/jqtoolbar/">none</file>

Last Updated 2010-01-31 by Joe Audette