(CSS) Border-Image n'est pas validé pour W3C

Gaka-kun -
Eastchild Messages postés 319 Date d'inscription Statut Membre Dernière intervention - 9 août 2011 à 15:11

Bonjour.

Après divers essais, je me décide à poser la question.

Je crée un site web et j'essaie d'utiliser une image pour faire les bordures du header.
Grâce à un générateur de code, je me retrouve avec ce code CSS :

    border-width: 10px;
    -moz-border-image: url(img/border.png) 20 repeat;
    -webkit-border-image: url(img/border.png) 20 repeat;
    -o-border-image: url(img/border.png) 20 repeat;
    border-image: url(img/border.png) 20 repeat;

Très bien, tout s'affiche. J'essaie de faire valider mon code par le Validateur CSS (http://jigsaw.w3.org/css-validator/) et... surprise, ce n'est pas valide :

Désolé ! Les erreurs suivantes ont été trouvées : (4)
URI : TextArea
4 	.headerbord 	La propriété -moz-border-image n'existe pas : url(img/border.png) 20 repeat url(img/border.png) 20 repeat
5 	.headerbord 	La propriété -webkit-border-image n'existe pas : url(img/border.png) 20 repeat url(img/border.png) 20 repeat
6 	.headerbord 	La propriété -o-border-image n'existe pas : url(img/border.png) 20 repeat url(img/border.png) 20 repeat
7 	.headerbord 	20 n'est pas une valeur de border-image : url(img/border.png) 20 repeat url(img/border.png) 20 repeat

Je me dis que je vais aller voir sur le site du W3C comment utiliser la propriété border-image.

http://www.w3.org/TR/css3-background/#border-images

Super ! J'essaie, avec border-image-source. Mon editeur de code (Komodo Edit) me dit que ça n'existe pas, et le validateur W3C aussi.

Comment faire ?

Afficher la suite

A voir également:

(CSS) Border-Image n'est pas validé pour W3C
Ethernet n'a pas de configuration ip valide - Guide
Image iso - Guide
Url valide - Guide
Reduire taille image - Guide
Acronis true image - Télécharger - Sauvegarde

1 réponse

Réponse 1 / 1

Utilisateur anonyme

Bah oui, mais t'as solution marche et sur plein d'autres sites, donc pourquoi se prendre la tête ? ;)

Gaka-kun

C'est pas compliqué : Je tiens à ce que mon code CSS et HTML soient valides.

Utilisateur anonyme

https://www.google.fr/search?q=-moz-border-image&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:fr:official&client=firefox-a&gws_rd=ssl

Gaka-kun

C'est bien gentil, mais ta recherche ne donne aucun résultat.

Utilisateur anonyme

Eh bien oui, c'est pour cela que ton générateur de code t'as dis des conneries, ça n'existe tout simplement pas. non ?

pijaku Messages postés 12263 Date d'inscription Statut Modérateur Dernière intervention 2 762

Bonjour tout le monde,
Ah bon? ça n'existe pas?

Discussions similaires

PIX

Nom de champs du tableau croisé dynamique non valide

Impossible d'utiliser ce numéro de téléphone pour la validat

Erreur "Le nom du champ du tableau croisé dynamique n'est pas valide"

Votre réponse

Discussions similaires