Hi all you creators.

In some of the skins from the Skinning Contest is there in the style sheets used this code:

input, button, textarea, select { *font-size:100%;} 
body { font: 13px/1.231 arial, helvetica, clean, sans-serif; *font-size:small;*font:x-small;}

Validating the portal with W3C CSS Validator generates Parse Error's every time the *font is used. I have googled for any explanation on what the * is for, but havent found anything. W3C CSS documentation, both version 1 and 2, havent anything about it.

So can anyone tell me why it is used ?

There are other validation errors, but they are easy to fix.

---

Niels-Jørgen Hvidberg http://newcomtech.dk http://njhvidberg.dk

It is not a typo :)

The css you see are hacks for different browsers "*" targets IE 6 and IE7, "_" targets IE6 only etc

A lot of designers and web developers put CSS Reset Style at the beginning of the css file to make sure the site displays correctly across various browsers.

DotNetNuke Super Style Sheets include this code as well, you can find super style sheets in resource folder >>shared>>style sheets within the DNN source code package.

---

WSI - DNN Gold Partner | WSI - Internet Marketing
Matt Jura - blog on design, web and DotNetNuke | Twitter @MattsDailyTweet

Everyone has their own favourites :)

Another option to consider is to use conditional styles - see the blog post by Joe Brinkman at
http://www.dotnetnuke.com/Community/Blogs/tabid/825/EntryId/2812/DotNetNuke-Tips-and-Tricks-21-Conditional-Styles.aspx

---

WSI - DNN Gold Partner | WSI - Internet Marketing
Matt Jura - blog on design, web and DotNetNuke | Twitter @MattsDailyTweet