CSS Validation with Artisteer

Author Message
Marc Smith

Posted: 11/4/2008
Quote message 

To put to rest the discussion of CSS validation using Artisteer.


This is a test site, template generated with Artisteer and modified in 10 minutes using tools readily available to make it completely CSS 2.1 W3C compliant.

There is even a link to validate the code yourself.

I just wanted to show that it's not impossible (and it's not hard either) to make the CSS compliant if you understand WHY the CSS is not compliant.

I am not trying to talk down to anyone, but in order to make sites W3C compliant, you need to know what makes them compliant.

Posted: 11/4/2008
Quote message 

Hi Marc,

I applaud you. You backed up your position with a very tangible example to prove your point. That is encouraging to see; I wanted to like Artisteer, so now it looks as if I can.

Can you let me know how/what you used to make the code compliant? Was the compliance obtained largely by making certain choices in Artisteer, or could I easily tweak any Artisteer output like you did?

I have no problem doing a bit of tweaking.


Marc Smith

Posted: 11/4/2008
Quote message 

These were simple edits to the CSS file based on the error messages generated by the validation report.

The items in the CSS, listed by line numbers can be adjusted or removed.

There is no guarantee that some browsers will not choke on the edits, but according to W3C, the code is compliant.


Posted: 11/5/2008
Quote message 

Thanks, and well done Marc!

All i did afew days ago was get to rid of the error bits on CSS validation (by copying the valid CSS and updating my style sheet; and with abit of tweaking of the appearance options in the style sheet, the themes work in IE7 and Firefox).

Posted the quick method here (http://www.artisteer.com/Default.aspx?post_id=99287&p=forum_post&forum_id=9).



Posted: 11/27/2008
Quote message 



found 146 errors!

it's simple: the errors are caused by the way artisteer tries to solve the problems with ie6. there are other ways to solve it, which are css-valide.

if you delete all those scripts, that let ie6 works well with artisteer-templates, you get a valide-css, but then the template looks bad in ie6.
that's all!

Marc Smith

Posted: 11/28/2008
Quote message 

The tmeplate I created for that first post doesn't exist anymore, that is a new design for another client.

I have not finished that template, so it will still generate errors.


Posted: 12/1/2008
Quote message 

What are the tools available to make a template completely CSS 2.1 W3C compliant.
Marc Smith

Posted: 12/1/2008
Quote message 

Tools to make *any* template from *any* software CSS 2.1 W3C compliant:

1. Knowledge of CSS
2. W3C validation website
3. CSS editing tool, such as HTMLPad or TextPad