28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Je viens de revérifier mon CSS et je me retrouve avec des erreurs concernant Border-radius
Je croyais pourtant que c'était autorisé en CSS3 ?
...ou alors, j'ai une erreur quelque part, mais le script fonctionne !

upload/21451-Border-rad.gif

Une partie de mon CSS


a.nfo:hover span, a.nfo:hover .trois {
   display: inline; 
   position: absolute;
   width: 277px;
   height: 395px;
   white-space: nowrap; 
   background: white;
   color: #5a595a;
   padding: 10px;
   border: 1px solid #6b696b;
   -moz-border-radius: 10px; 
   -webkit-border-radius: 10px; 
   -khtml-border-radius: 10px; 
   border-radius: 10px; 
   behavior: url(Templates/border-radius.htc); 


Merci

@+
Modifié par Jason (28 Aug 2012 - 15:00)
Salut,
Le validateur ne valide pas les propriétés à préfixe propriétaires, mais leur utilisation n'est pas mauvaise et est encouragée.
Tu peux passer outre ces erreurs.
D'ailleurs, comme tu peux le voir, tu n'as pas d'erreur pour border-radius, mais juste pour
-moz-border-radius
-webkit-border-radius
etc.
Bonjour Gothor,

Merci pour ta réponse...

Donc, en clair, compte tenu des incompatibilités des navigateurs, il est totalement impossible de faire un truc valide CSS et compatible partout...
...à moins de faire ultra simpliste en style !

@+
OK...
...De toute façon, tout le reste du CSS est valide !

Reste que ces validateurs (CSS HTML..) sont quand même très pratiques... Pour trouver les erreurs !

Mais j'ai encore du boulot, car je ne suis pas arrivé à faire fonctionner border-radius.htc

Merci

@+
Modifié par Jason (28 Aug 2012 - 16:26)