Validator css perd la boule.

Fermé
LelLex Messages postés 1628 Date d'inscription mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 - 30 mai 2010 à 01:18
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 - 30 mai 2010 à 14:14
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 mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 112
30 mai 2010 à 01:29
Ça n'arrondit pas les angles ça ? Si ?
0
briiiiix Messages postés 575 Date d'inscription vendredi 24 octobre 2008 Statut Membre Dernière intervention 1 juin 2010 18
30 mai 2010 à 01:38
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 mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 112
30 mai 2010 à 01:45
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 vendredi 24 octobre 2008 Statut Membre Dernière intervention 1 juin 2010 18
30 mai 2010 à 01:52
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 mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 112
30 mai 2010 à 01:59
Bon je vais voir cela. Merci. ;)
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
30 mai 2010 à 10:01
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 mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 112
30 mai 2010 à 12:49
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 mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
Modifié par notobe le 30/05/2010 à 13:31
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 mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 112
30 mai 2010 à 13:57
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 mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
Modifié par notobe le 30/05/2010 à 14:19
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 23671 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 21 janvier 2025 2 392
30 mai 2010 à 10:18
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 vendredi 24 octobre 2008 Statut Membre Dernière intervention 1 juin 2010 18
30 mai 2010 à 01:22
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