Validator css perd la boule.

LelLex Messages postés 1628 Date d'inscription   Statut Membre Dernière intervention   -  
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   -
Salut à tous ;

J'essaie de faire validée ma feuille de style .css et j'obtiens des erreurs concernant :
¤ border-radius:5px;
¤ -moz-border-radius:5px;
¤ -webkit-border-radius:5px;
¤ -khtml-border-radius:5px;

Par exemple sur ce Lien : http://jigsaw.w3.org/...

Je fais comment ?

Merci, cordialement. ;)

5 réponses

LelLex Messages postés 1628 Date d'inscription   Statut Membre Dernière intervention   112
 
Ça n'arrondit pas les angles ça ? Si ?
0
briiiiix Messages postés 575 Date d'inscription   Statut Membre Dernière intervention   18
 
non et la fonction radius est anticipée, c'est du css3
Voila ce que dit le manuel:

"One of the most keenly-anticipated CSS3 properties is border-radius. Web designers will no longer have to resort to complex table structures using custom-made corner graphics or including arcane JavaScript files in order to produce designs with rounded corners."

Autre chose:

"At this time the CSS3 properties above do not work in Internet Explorer. The 'Mozilla' versions however work perfectly well in Firefox and other Mozilla-based browsers and the 'WebKit' ones in Safari and Chrome."

ça marche pas sur IE, et en plus tu es en train de valider ton snite en css2.1, désolé pour toi, mais pour cette fonction il faut attendre que tous les navigateurs supportent css3 et que ton validateur le supporte.
Maintenant il faut le faire en javascript

Toutes ces informations sont prises a partir du site suivant
https://www.the-art-of-web.com/css/border-radius/

ça répond a ta question ?
0
LelLex Messages postés 1628 Date d'inscription   Statut Membre Dernière intervention   112
 
Bon j'ai trouvé une parade ; je vais cibler les navigateurs qui utilisent/comprennent les propriétés css3.

En fait ça sert à rien, car ils seront analysés par le validateur.

Eh Mer**. =/
0
briiiiix Messages postés 575 Date d'inscription   Statut Membre Dernière intervention   18
 
Soit tu ne valide pas, soit tu fais cette fonction en javascript soit tu décompose le lien. voila
0
LelLex Messages postés 1628 Date d'inscription   Statut Membre Dernière intervention   112
 
Bon je vais voir cela. Merci. ;)
0
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
La validation des CSS n'a pas d'importance. Utiliser du CSS3 n'empêche en rien l'accessibilité de ton site : c'est de la déco.

L'important est ailleurs : validité du code html, respect de la sémantique, respect des règles d'accessibilité, utilisation raisonnée du js qui doit être non obstrusif.

Ne t'empêche pas d'utiliser les CSS3, même avec des préfixes propriétaires, sous prétexte que le validateur ne les reconnait pas : ce n'est pas grave.
0
LelLex Messages postés 1628 Date d'inscription   Statut Membre Dernière intervention   112
 
Je suis d'accord avec toi notobe, mais vu que je mets un lien vers le validateur depuis mon site, et qu'il me trouve des erreurs seulement avec border-radius et les préfixes ; c'est relou. !

Mais, je vais laisser comme ça, jusqu'à temps que se soit correct.
0
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
Le validateur sait valider une feuille de style CSS3.
http://jigsaw.w3.org/css-validator/#validate_by_uri+with_options

Le problème effectivement ce sont les préfixes propriétaires.
=> Tu fais une feuille CSS3 pure validée avec le lien vers le validateur qui va bien.
- une feuille de style "préfixée" que tu ne mets pas en évidence.

L'autre avantage de cette méthode, c'est que le jour où les préfixes n'auront plus lieu d'être, il suffira de supprimer cette feuille sup. sans devoir nettoyer l'autre.
0
LelLex Messages postés 1628 Date d'inscription   Statut Membre Dernière intervention   112
 
C'est vrai, et même très bien. Pourquoi je n'y ait pas pensé ! Bon je vais le faire. Merci notobe.

Puis en même temps, je vais voir pourquoi il me valide, ou pas, en 2.1 alors que j'ai des propriétés CSS3.
0
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
Par défaut, le validateur teste du CSS 2.1. Donc s'il y a du CSS3, il te jette, normal.
Il faut que tu précises bien, via les options, de valider du CSS3.

Hors préfixes, ta feuille est bien en ok CSS3 ;)
http://jigsaw.w3.org/...
0
bg62 Messages postés 23732 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
et c'est quoi une :
MICRO CENTRALE ELECRTIQUE
?
(local/ppe)
:-)
@+
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
briiiiix Messages postés 575 Date d'inscription   Statut Membre Dernière intervention   18
 
Je te conseille d'oublier le border-radius définit les borders d'un element un par un.

exemple pour un lien dans l'id menu fais comme ça

#menu a
{
border: 5px 5px 5px 5px;
}

Rappel toi de l'ordre: Haut, droite, gauche, bas.

Essaie
-2