Houston, we’ve got a problem!
When I try to validate the CSS "main.css", the validator returns this error :
Erreurs
URI : http://www.mywebsite.com/template/main.css
* Ligne: 47 Contexte : form.f-wrap-1 label b .req
Propriété érronée : line-height Erreur lors de l’analyse grammaticale. - [empty string]
Here is the line in the current (wrong) version :
form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
It is used to display the "*" in a form (to inform that field is mandatory)...
<label for="firstname"><b><span class="req">*</span>First name:</b>
I replaced "line-height:1" with "line-height:1px", and the validator is now OK...
Anyway, I don’t think this is right, even if the display works correctly...
It is really odd, because other "line-height" statements don’t need any units to be added after the figure "1".
That’s why I think this is due to the ".req" used for the "<span>".
I’m not an expert in CSS, so if somebody could confirm this, and propose a solution, it will be really great!
Thanks in advance!