Validation css formulaire

Bonjour,
J'ai prit un bout de css qui semblait valide, mais au fait non
Ce css à pour but d'ajouter au formulaire une petite ligne orange( lorsque que je suis dans la cellule, il y a une surbrillance, un filet de couleur)
La technique fonctionne parfaitement mais n'est pas validée, the code css

Ligne: 262 Contexte : .transparent 
Erreur lors de l'analyse grammaticale. - opacity=0) 

Ligne: 263 Contexte : .transparent 
Erreur lors de l'analyse grammaticale. - -moz-opacity: 0; 

Ligne: 270 
Erreur lors de l'analyse grammaticale. - : 0; border: 0px solid #FFF; background: #FFF; z-index: 10; cursor: pointer; } .transparentFake 

css formulaire en entier

input , textarea {
font-family : Arial, Helvetica, sans-serif; 
font-size : 1em; 
color : #404040; 
font-weight : bold; 
} 
label {
color : #999; 
cursor : pointer; 
padding-left : 2px; 
line-height : 15px; 
vertical-align : top; 
} 
label.chosen {
color : #333; 
} 
{
background : none; 
border : none; 
} 
.transparent2 {
z-index : 10; 
} 
.textinput , .textinputHovered {
width : 220px; 
height : 15px; 
background : url(../images/input.gif) no-repeat left top; 
border : none; 
padding : 4px 8px; 
} 
.textinputHovered {
background-position : left bottom; 
} 
.textarea , .textareaHovered {
width : 220px; 
height : 125px; 
background : url(../images/textarea.gif) no-repeat left top; 
border : none; 
padding : 4px 8px; 
} 
.textareaHovered {
background-position : left bottom; 
} 
.buttonSubmit , .buttonSubmitHovered {
width : 69px; 
height : 26px; 
color : #fff; 
font-weight : bold; 
padding : 2px 5px; 
background : url(../images/button.gif) no-repeat left top; 
cursor : pointer; 
border : none; 
} 
.buttonSubmitHovered {
background-position : left bottom; 
} 
#stylesheetTest {
position : absolute; 
left : -999px; 
width : 10px; 
height : 10px; 
} 

merci d'avance
Modifié par loicdu (24 Aug 2005 - 08:26)

Je ne vois pas de classe "transparent" dans la css que tu donnes, tu es sûr de tout avoir copié ?

Bonjour,

Opacity est proposé en css3 et n'est donc pas validable:
3.2. Transparency: the 'opacity' property

-moz-opacity est l'équivalent mais est propriétaire Mozilla, comme une anticipation de la propriété opacity si elle était retenue, donc non validable également:
-moz-opacity

Igor a écrit :
Opacity est proposé en css3 et n'est donc pas validable:
3.2. Transparency: the 'opacity' property

L'erreur retranscrite fait plutôt penser à l'utilisation d'un filtre propriétaire IE type filter:alpha(opacity=0) du fait de la présence du signe = et de la parenthèse fermante. Dur dur le reverse engineering à partir d'un rapport de validateur...

Bonjour,

rectifions :

- opacity relève d'une Candidate Recommandation : il est implémentable, utilisable, et validable CSS3 (via l'interface étendu du validateur CSS du W3C). Par contre, opacity=0) est une simple typo à corriger dans la CSS, en rétablissant le point-virgule à la place de la parenthèse.

- -moz-opacity relève également d'une Candidate Recommandation: idem, si ce n'est qu'il est valide CSS2.1, mais que CSS2.1 n'est actuellement pas validable via l'interface étendu du validateur CSS. Mais la syntaxe citée ci-dessus est parfaitement correcte.

- la troisième erreur a de fortes chances d'être une simple incohérence du validateur CSS, dont la présente du -moz-opacity perturbe le parser. Valider la CSS sans ce dernier suffira à le confirmer.

CSS 2.1 a l'air d'être repassé en working draft, d'où le fait qu'il ne soit pas validable par le validator, à mon humble avis.

Un vacancier a écrit :
Bonjour,

Rââh, il a trouvé une connexion web depuis ses vacances !

Ce passage temporaire en WD est purement "légal", car les modifications nécessaires sur les Features at risk non implémentées par l'industrie dépassait le stade d'une modification mineure.

En fait, les seuls points vraiment problématiques sont l'algorythme de rendu des tableaux et la suppression de la propriété "quotes". Le reste de CSS2.1 peut être considéré comme acquis, selon toutes probabilité. Les extensions CSS du type -moz-foo n'ont soulevé aucune discussion.

Raphael a écrit :

Rââh, il a trouvé une connexion web depuis ses vacances !

? Tu dois parler de quelqu'un d'autre, je suppose. Ou alors, nous sommes plusieurs et le mouvement se répand

Un vacancier a écrit :
Par contre, opacity=0) est une simple typo à corriger dans la CSS, en rétablissant le point-virgule à la place de la parenthèse.

Dans ce cas ce serait une double typo puisque le signe '=' n'a rien à faire ici...