Validation du curseur

Version imprimable

25/10/2006, 01h27
Novaslash

Validation du curseur

Bonjour !

Sur le site de la W3C, j'ai voulu faire valider mon fichier CSS mais voilà que je tombe sur ceci : Propriété érronée : cursor Le séparateur 'virgule' est manquant. : url('design/curseur.cur')

Pourtant, dans mon fichier, c'est : cursor: url('design/curseur.cur');

J'ai essayé en mettant des " et en les enlevants mais toujours la même erreur.

Sinon, j'ai quelques avertissements. Par exemple :

Citation:

Ligne : 15 (Level : 2) font-family: Vous êtes encouragés à proposer une famille générique comme dernier choix : body

Je ne comprend pas trop.

Citation:

Ligne : 24 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : body

Et ça, background-color: #EEEDE9; c'est quoi alors ?

Merci d'avance !
25/10/2006, 01h54
balu

Citation:

Ligne : 24 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : body

Citation:

Envoyé par Novaslash

Et ça, background-color: #EEEDE9; c'est quoi alors ?

C'est uniquement la couleur de fond.

Donnes une couleur au texte avec la propriété color.
25/10/2006, 02h04
Novaslash

Ha oui d'accord. Si il y avait dans la phrase 'couleur de police', j'aurais compris. Sinon, pour le curseur ?

Et ça, Vous n'avez pas de couleur de fond définie avec votre couleur
Je suppose que ça veut dire que je n'ai pas défini la couleur du background.
25/10/2006, 08h46
trotters213

:salut:
la première erreur avec le curseur je ne l'ai jamais eu mais les 2 autres ne sont pas des erreurs mais des avertissements (ton site sera valide même si tu as des avertissements).

Citation:

Envoyé par Novaslash

Propriété érronée : cursor Le séparateur 'virgule' est manquant. : url('design/curseur.cur')

Pour le curseur personnalisé, il faut utiliser un .ani et non un .cur et ceci ne fonctionne que sur IE et ça n'est donc pas valide (je suppose donc que c'est une erreur mais on pourrait en savoir plus si tu nous montrais le lien vers le validateur).

Citation:

Envoyé par Novaslash

Ligne : 24 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : body

Pour la couleur, il faut rester raisonnable, ça n'a pas vraiement d'utilité de définir la couleur de toutes les polices où tu as mis un background et vice-versa (ça alourdi le code pour rien, je ne pense pas qu'un jour un navigateur sorte avec comme couleur de police par défaut le blanc par exemple, mais ça n'engage que moi).

Pour le background-color:"EEEDE9", il doit te donner un avertissement car il vaut mieux utiliser background:"#eeede9" ;)

Citation:

Envoyé par Novaslash

Ligne : 15 (Level : 2) font-family: Vous êtes encouragés à proposer une famille générique comme dernier choix : body

Essaie de donner une police à ton body :

Code:

font-family:Arial, Helvetica, sans-serif;
25/10/2006, 08h55
Bisûnûrs

Citation:

Envoyé par Novaslash

Ligne : 15 (Level : 2) font-family: Vous êtes encouragés à proposer une famille générique comme dernier choix : body

Comme le dit trotters213 dans son post précédent, il faut rajouter une famille générique comme dernier choix de police (sans-serif ou serif).

Exemple :

Code:

font-family:police1,police2,..,policen,sans-serif;
25/10/2006, 14h52
Novaslash

Merci pour vos réponses précises.

En ce qui concerne le curseur, je vais le virer vu que seul IE le prend en compte.

Le lien vers le validateur est http://jigsaw.w3.org/css-validator/
25/10/2006, 15h09
trotters213

Citation:

Envoyé par Novaslash

Le lien vers le validateur est http://jigsaw.w3.org/css-validator/

:mrgreen: ça je sais :mrgreen:
c'est le lien vers la validation de TA page que je voulais voir (pour voir ce qu'était vraiment tes erreurs).

Ton problème est résolu ou pas ?
25/10/2006, 15h29
Novaslash

Le soucis est que le lien est http://jigsaw.w3.org/css-validator/validator donc même en collant ce lien, tu n'auras pas l'analyse de mon fichier CSS. Je vais citer carrément alors.

Citation:

Avertissements
URI : file://localhost/G:\02. Chris\suiko ban\Site V6\style.css
Ligne : 3 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : A
Ligne : 5 (Level : 1) Cette propriété ne s'applique qu'aux éléments de type "bloc". : A
Ligne : 9 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : A:hover
Ligne : 11 (Level : 1) Cette propriété ne s'applique qu'aux éléments de type "bloc". : A:hover
Ligne : 16 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : body
Ligne : 20 (Level : 1) Cette propriété ne s'applique qu'aux éléments de type "bloc". : .titre
Ligne : 22 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .titre
Ligne : 30 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .corps
Ligne : 41 (Level : 1) Cette propriété ne s'applique qu'aux éléments de type "bloc". : .copyright
Ligne : 42 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .copyright
Ligne : 49 (Level : 1) Vous n'avez pas de couleur de fond définie avec votre couleur : .citations
Ligne : 50 (Level : 1) Cette propriété ne s'applique qu'aux éléments de type "bloc". : .citations
Votre feuille de style CSS validée :
@charset "windows-1252";
A {
color : #8e384c;
text-decoration : none;
text-align : center;
}
A:hover {
color : #8e384c;
text-decoration : underline;
text-align : center;
}
body {
font-family : "Times New Roman", Garamond, Tahoma, sans-serif;
background-color : #eeede9;
}
.titre {
text-align : center;
font-size : 20px;
color : #336699;
text-decoration : underline;
font-weight : bold;
}
.corps {
font-size : 14px;
font-weight : bold;
color : #5e96a6;
}
.coin {
background-image : url(design/coin.jpg);
background-repeat : no-repeat;
background-position : 100% 100%;
}
.copyright {
font-size : 13px;
text-align : center;
color : #5e96a6;
font-weight : bold;
}
.citations {
font-size : 13px;
font-weight : bold;
color : #8e384c;
text-align : center;
}

Tu as dit que les avertissements ne m'empêcheront pas d'avoir la validation W3C. Je n'ai plus que ça justement et je n'ai pas la validation pour autant.

En plus, j'ai maintenant des soucis de validation HTML que je ne comprend pas du tout alors qu'hier, quand j'ai testé, ça passait -_-
25/10/2006, 15h33
Bisûnûrs

"Votre feuille de style CSS validée :"

...
25/10/2006, 15h38
Novaslash

J'avais déjà cette phrase en ayant le soucis du curseur qui n'était pas un avertissement^^

Quand une feuille HTML est validée, tout à la fin, on a du code HTML que l'on peut metter sur son site pour avoir le logo W3C et le lien qui va avec donc je pensais que pour le CSS, j'aurais eu la même chose.

Juste une question en html.
Si je fais ceci : <table width=90%" align="center" ...>

J'ai une erreur de validation html pour align... Je dois mettre style="text-align: center". La c'est bon mais dans le cas où je dois faire un top ou un bottom, le design est déréglé donc ça ne prend pas en compte.

Et si j'écris style="text-valign: top" ça ne fonctionne pas non plus donc je suis obligé de rester sur valign="top" mais ce n'est pas valide pour la W3C. Comment faire ?

pour ta feuille de style tu n'as qu'à poster le code html et la feuille de style et on pourras te dire si oui ou non il y a un problème.

Pour les erreurs HTML, rajoutes ceci en haut de ton document HTML :
Code:

1 2 3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
ferme toute tes balises, même les et <img ... />(ce que tu ne fais pas) puis passe le au validateur et dis nous le résultat ;)

25/10/2006, 17h39
Novaslash

J'utilise bien un doctype mais moi, c'est du html et non du xhtml, j'ai du trouver sur un site de la W3C un doctype qui me correspond. Pour les br, celui avec le / n'est valide que pour le xhtml et non le html. Et j'ai compris ce que je devais faire, il faut que je mette des . Je trouve ça idiot mais bon. Pour la balise img, avant, je mettais toujours un / à la fin mais là aussi c'est une erreur qui n'eset valide que pour le xhtml.

J'ai créé une page HTML bidon comme ceci :

Citation:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="version enregistrée">
<meta name="generator" content="WebExpert 6">
</head>
<body>
<img src="truc.jpg" alt="" /> 
</body>
</html>

Au validateur, voici le résultat :

Citation:

Colonne: 21
13 Erreurs: Une barre oblique "/" a été trouvée à la fin d'une balise d'ouverture. Cette syntace n'est pas permise en HTML, à la différence de XHTML
Position de l'erreur: <img src="truc.jpg" /> 

Colonne: 1
Erreurs: img est interdit ici. Il manque la balise `P`, `H1`, `H2`, `H3`, `H4`, `H5`, `H6`, `DIV`, `ADDRESS`.
Position de l'erreur: <img src="truc.jpg" /> 

Colonne: 22
Erreurs: caractère de données n'est pas permis ici
Position de l'erreur: <img src="truc.jpg" /> 

Colonne: 27
Erreurs: Une barre oblique "/" a été trouvée à la fin d'une balise d'ouverture. Cette syntace n'est pas permise en HTML, à la différence de XHTML
Position de l'erreur: <img src="truc.jpg" /> 

Colonne: 23
Erreurs: br est interdit ici. Il manque la balise `P`, `H1`, `H2`, `H3`, `H4`, `H5`, `H6`, `PRE`, `DIV`, `ADDRESS`.
Position de l'erreur: <img src="truc.jpg" /> 

Colonne: 33
Erreurs: Une barre oblique "/" a été trouvée à la fin d'une balise d'ouverture. Cette syntace n'est pas permise en HTML, à la différence de XHTML
Position de l'erreur: <img src="truc.jpg" /> 

Colonne: 29
Erreurs: br est interdit ici. Il manque la balise `P`, `H1`, `H2`, `H3`, `H4`, `H5`, `H6`, `PRE`, `DIV`, `ADDRESS`.
Position de l'erreur: <img src="truc.jpg" /> 

Ligne Colonne: 7
14 Erreurs: Balise fermante pour BODY trouvée avant la fin
Position de l'erreur: </body>

Par contre, si je fais ceci :

Citation:

<img src="truc.jpg" alt=""> 

Alors, tout est bon, je n'ai plus d'erreur.

Le HTML est remplacé depuis longtemps par le XHTML tu devrais t'y mettre, c'est plus propre et tu ne t'embêtes plus avec des abberances et de la bidouille comme le , c'est largement plus propre et le code est mieux sructuré.
Le code suivant est valide W3C XHTML 1.0 Transitional par exemple :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="author" content="version enregistrée" /> <meta name="generator" content="WebExpert 6" /> <title></title> </head> <body> <img src="truc.jpg" alt="" /> </body> </html>
;)

26/10/2006, 15h07
Novaslash

A voir ça, je crois que tu as bel et bien raison :D

Sinon, qu'elle est la différence entre xhtml strict et transitional ? Pour la même chose en html, j'ai apprit que dans transitional, il y a des balises que l'on peut encore utiliser mais qui sont en cours d'abandon. Donc, il vaut mieux passer alors en strict pour pas devoir refaire certaines balises en strict. Est-ce la même chose avec le xhtml ?

Edit : j'a créé un fichier xhtml en reprenant ta citation et quand je test la validité, voilà sur quoi je tombe :

Remarque : Aucun encodage n'a été trouvé. C'est la raison pour laquelle il a été fait recours à UTF-8.
Erreur fatale : Unexpected char in row 7 and column 47; this char is not allowed within charset (utf-8) that you use

Edit 2 : En regardant sur des sites traitant du xhtml, j'a fais ceci :

Citation:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title></title>
</head>
<body>
<img src="truc.jpg" alt="" /> 
</body>
</html>

Et là, ça passe, j'ai aucune erreur.
26/10/2006, 16h14
trotters213

Tu peux utiliser l'iso-8859-1 sinon, c'est la norme qui recouvre les caractères utilisés par les langues européennes donc normalement c'est bon (je suppose que tu n'écris ni en japonais ni en russe donc tu n'as pas besoin d'utiliser l'UTF-8 :mrgreen: )

Code:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>

Il te mettait une erreur car dans la 7° ligne du code que je t'ai donné, il y a un accent (dans "enregistrée") (c'est bizarre car le charset windows-1252 les prends en compte normalement :? )
La dif' entre strict et transitional est assez grande, perso je suis toujours en Transitional car le Strict n'est vraiment pas assez permissif : il y a trop de balises et d'attributs inutilisables.

PS : pense à cliquer sur :resolu: en bas ;)
26/10/2006, 17h04
Novaslash

Une dernière chose. Quand j'ajoute ceci dans <head>

<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="version enregistrée" />
<meta name="generator" content="WebExpert 6" />

Il me met une erreur :
Remarque : Aucun encodage n'a été trouvé. C'est la raison pour laquelle il a été fait recours à UTF-8

Erreur fatale : Unexpected char in row 8 and column 47; this char is not allowed within charset (utf-8) that you use

Citation:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="version enregistrée" />
<meta name="generator" content="WebExpert 6" />
<title></title>
</head>
<body>
<img src="truc.jpg" alt="" /> 
</body>
</html>

Mais si je ne mets pas les balise meta (sauf celle avec le charset), j'ai pas d'erreur. En xhtml, on ne peut plus mettre les balises meta ?
27/10/2006, 08h55
trotters213

tu as un problme d'encodage, ça me l'a fait aussi et puis c'est parti. Si tu ne veux pas en avoir change cette ligne :

Code:

<meta name="author" content="version enregistrée" />

par

Code:

<meta name="author" content="version enregistrée" />
27/10/2006, 15h22
Novaslash

En effet, c'était bien ça.

J'ai remarqué une chose avec Webexpert. Par exemple, je copie/colle un texte fait sur Word, Webexpert va me remplacer les caractères du type é par é mais si j'écris directement un texte dans le programme, il ne me remplace pas ce genre de caractère.

Alors mes questions sont : est-ce que ça pourrait poser un soucis de laisser les caractères tels quels et comment je peux remplacer ces caractères par leurs équivalence de façon automatique ?

Ps : comment appelle-t-on ce genre de caractère é ?
27/10/2006, 15h31
trotters213

Citation:

Envoyé par Novaslash

est-ce que ça pourrait poser un soucis de laisser les caractères tels quels

Perso je ne les remplace pas et tout va bien.

Citation:

Envoyé par Novaslash

comment je peux remplacer ces caractères par leurs équivalence de façon automatique ?

je sais que sous dreamweaver dès que tu tapes le caractère "&" il te mets la liste des caractères spéciaux.
Je n'utilise pas WebExpert mais il faudrait voir s'il n'a pas une fonction comme Word qui fait du remplacement automatique de caractères.

Citation:

Envoyé par Novaslash

Ps : comment appelle-t-on ce genre de caractère é ?

Ce sont des caractères spéciaux, pour le caractère "é" par exemple, on appelle &##233; le code ISO (j'ai doublé le dièze sinon il écrit é) et é le code HTML.

PS : pense à cliquer tout en bas sur :resolu: ;)
27/10/2006, 15h33
Novaslash

Je suis tombé sur le site de Webexert qui dit ceci : Vous avez sans doute remarqué que WebExpert insère une balise META avec l'information "charset=iso-8859"
Ceci assure que votre page sera bien lue et affichée par les différents fureteurs…peu importe la version de Windows et la langue utilisées par votre visiteur.

Et sur un autre site, il est dit que Webexpert contient un outil de conversion des caractères spéciaux mais j'ai chercher et non. Am on avis, par rapport au site, j'ai une version plus récente et l'iso utilisé n'oblige pas à convertir les caractères.

En tout cas, je vous remercie énormément pour vos aides. J'ai apprit beaucoup de choses très intéressantes et surtout utiles^^