Geckozone

Bonjour, bonsoir!

Désolé si je ne poste pas au bon endroit ou si je pose une question qui a déja été débattue clairement. J'ai lu plusieurs dizaines de pages déjà, mais je n'ai pas trouvé l'aide espéré.

Je suis un vrai débutant. J'ai essayé de créer une page web conforme en xhtml 1.0 strict avec Nvu. J'ai jamais fait ca de page web de ma vie avant. Bon en testant ma page web en l'uploadant à partir de mon pc ici ( http://validator.w3.org/#validate-by-upload), j'ai 4 erreurs. Mais si je la regarde dans Mozilla, ca dit que je suis en Mode de respect strict des standard. Mais je comprend pas c quoi le probleme car les explications sur le site de validation sont en anglais. Et même en francais, je n'y comprendrais guère davantage de toute facon.
Donc j'apprécierais si un bon samaritain veuille bien regarder mon code et me dire quels sont les erreurs et comment les corriger. En mots simples stp.

Voici mon code copié à partir de Nvu dans l'onglet Source:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html
style="direction: ltr;" xmlns="http://www.w3.org/1999/xhtml"
lang="fr"><head><meta
content="text/html; charset=ISO-8859-15"
http-equiv="content-type" /> <title>Fraîcheur
et Beauté</title><meta content="MoziDrago"
name="author" /></head>
<body
style="background-color: rgb(255, 204, 255); color: rgb(0, 0, 0); direction: ltr;"
alink="#ee0000" link="#0000ee" vlink="#551a8b"><div
style="text-align: center;"><img
style="width: 591px; height: 625px;"
alt="photo d'une jolie princesse"
title="Shasha une fille de rêve

)" src="Shasha.jpg" /></div></body></html>

Ne tenez pas compte que mon code soit pas parfaitement ordonné, cela n'est pas important pour moi pour le moment.

Merci à l'avance pour tout aide!

Mozi a écrit :Bon en testant ma page web en l'uploadant à partir de mon pc ici ( http://validator.w3.org/#validate-by-upload), j'ai 4 erreurs. Mais si je la regarde dans Mozilla, ca dit que je suis en Mode de respect strict des standard.

Ça c'est le mode de rendu utilisé par Mozilla. Rien à voir avec l'absence ou la présence d'erreurs, ça ne se base que sur le doctype utilisé.

Mozi a écrit :Ne tenez pas compte que mon code soit pas parfaitement ordonné, cela n'est pas important pour moi pour le moment.

Par contre pour la lisibilité, ça compte. Un code présenté comme ça est totalement illisible par un être humain.
En plus, utilise les balises [ code ] pour enfermer ton code

Comme ceci :

Code : Tout sélectionner

[code]ici ton code

[/code]

Bon, pour en revenir au code

Je suis étonné qu'il ne te fasse pas de remarques sur ton doctype. Pourtant il est erronné, et c'est un bug de Nvu récemment découvert.

Code : Tout sélectionner

# Error  Line 3 column 6: there is no attribute "style".

style="direction: ltr;" xmlns="http://www.w3.org/1999/xhtml"

You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute.

✉

Je ne savais pas, mais apparemment on ne peut pas mettre d'attributs "style" sur l'élément html... c'est d'ailleurs indiqué dans la spec HTML 4.01. Donc il faut enlever cet attribut
De toutes façons, préfère faire de vraies feuilles de styles, et si possibles externes, c'est beaucoup plus propre et réutilisable

Code : Tout sélectionner
```
# Error  Line 11 column 6: there is no attribute "alink".

alink="#ee0000" link="#0000ee" vlink="#551a8b"><div

✉
# Error Line 11 column 21: there is no attribute "link".

alink="#ee0000" link="#0000ee" vlink="#551a8b"><div

✉
# Error Line 11 column 37: there is no attribute "vlink".

alink="#ee0000" link="#0000ee" vlink="#551a8b"><div
```
Les attributs alink, vlink et link sont des attributs de mise en forme. Ils sont donc interdits dans les variantes strictes de HTML et XHTML, dans lesquelles la mise en forme (CSS) doit être strictement séparée du contenu (HTML). Donc tu ne peux pas utiliser ces attributs, mais là encore tu peux les remplacer avantageusement par du CSS

Voilà, bonnes corrections

calimo a écrit :Je suis étonné qu'il ne te fasse pas de remarques sur ton doctype. Pourtant il est erronné, et c'est un bug de Nvu récemment découvert.

Nononon le doctype XHTML est bon en strict et en transitionnal, c'est le doctype du HTML strict seulement qui est foireux ! Selon ton propre lien sur le W3C

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

donc pas de problème de ce côté là

Oups, il me semblait bien qu'il y avait quelque chose qui clochait

Merci pour la rectification !

Merci pour voss réponses rapides.

Donc, si je récapitule, je dois enlever la ligne suivante:
style="direction: ltr;" xmlns="http://www.w3.org/1999/xhtml"

Et pour les autres erreurs, j'ai aucune possibilité de corriger ca autrement qu'en faisant un css à part.

J'ai bien compris??

Bon pour faire du css à part, je ne me sens pas les compétences pour faire ca présentement. Je ne sais meme pas sur quoi j'ai pu cliquer dans Nvu pour que les attributs alink, vlink et link apparaissent là :/

Si je le savais, p-e que je ne le referais pas. Ou peut-etre qu'il y a une autre facon de faire ce que j'ai fait sans que ces attributs soient là et sans que j'aie besoin de faire du css à part. Car je n'ai rien fait dans l'onglet Source, mais je suis resté dans l'onglet normal. Et si y a aucun moyen de le savoir, ben tant pis! Je vais me passer de cette validation.

Rebonjour,

Désolé, j'étais plus connecté plus haut.

Bon je pense que je viens de comprendre que la ligne Style se rapporte à la couleur de fond que j'ai mise. Donc, pas possible de mettre de la couleur de fond sans passer par un css si je comprend bien?

Je vais décrire comment je l'ai fait ma page, p-e que ca peut éclairé pour qu'on m'éclaire.

J'ai ouvert Nvu, j'ai mis une couleur de fond, ensuite j'ai inséré une image. Ensuite, comme mon image était placé à gauche, j'ai cliqué sur l'icone Centrer comme si c'était du texte. Ainsi mon image s'est centré. Je n'ai jamais pu trouver un autre moyen de la centrer. Ensuite j'ai entré les éléments de l'image dans les propriétés de l'image. Ensuite j'ai nommé le titre de la page. Ensuite, j'ai été dans le menu Outil et j'ai cliqué sur Nettoyeur de balises. Et j'ai enregistré la page. Et vous avez le code que j'ai mis plus haut!

Merci!

Quand on code en xhtml, on laisse tout ce qui est présentation (couleurs, effets, fonds, ...) au CSS. Donc, oui il faut passer par du CSS. Et je te conseille une feuille de style externe, beaucoup plus pratique.

Ben.d2 a écrit :Quand on code en xhtml, on laisse tout ce qui est présentation (couleurs, effets, fonds, ...) au CSS.

Non, quand on code en strict

Rien à voir avec le xhtml

Mozi, je crois que c'est une bonne idée de te trouver un tutorial CSS (pour Nvu ou pas, c'est égal), c'est vraiment le genre de choses indispensables si tu veux faire quoi que ce soit

calimo a écrit :
Ben.d2 a écrit :Quand on code en xhtml, on laisse tout ce qui est présentation (couleurs, effets, fonds, ...) au CSS.
Non, quand on code en strict Rien à voir avec le xhtml

Mozi, je crois que c'est une bonne idée de te trouver un tutorial CSS (pour Nvu ou pas, c'est égal), c'est vraiment le genre de choses indispensables si tu veux faire quoi que ce soit

La notion de strict transitionnel ou autres ne sont que des notions indiquant que l'on accepte plus ou moins de dérives par rapport aux principes du xhtml.

Donc, c'est un principe du xhtml, obligatoire en strict, mais qui peut être évité en utilisant des DTD plus souples. En tout cas c'est comme ça que je le perçois

Ben.d2 a écrit :La notion de strict transitionnel ou autres ne sont que des notions indiquant que l'on accepte plus ou moins de dérives par rapport aux principes du xhtml.

Sauf qu'il y a exactement les mêmes distinctions en HTML.

Tu peux faire du HTML Strict très propre sans balises de mises en forme, comme tu peux faire du XHTML transitionnal très sale... le xhtml n'est qu'une reformulation du HTML pour être compatible avec le XML, rien de plus. Tu peux regarder la spec XHTML 1.0 pour t'en convaincre, il n'y a rien sur strict/transitionnal, c'est juste une reformulation en XML

Eh ben ? Ca n'empêche pas que le principe "mise en page -> css" soit appliquable au xhtml ... Je n'ai jamais dit non plus que ce n'était pas le cas du html

Mais comme Mozi travaille en XHTML; j'ai jugé logique de parler de xhtml. Qu'importe dés lors ses différences avec html. Cessons donc de pinailler

Ben.d2 a écrit :Eh ben ? Ca n'empêche pas que le principe "mise en page -> css" soit appliquable au xhtml ... Je n'ai jamais dit non plus que ce n'était pas le cas du html
Mais comme Mozi travaille en XHTML; j'ai jugé logique de parler de xhtml. Qu'importe dés lors ses différences avec html. Cessons donc de pinailler

Exact, mais ce que je voulais dire c'est que si Mozi n'a pas le droit d'utiliser alink, vlink et cie c'est bien parce qu'elle a choisi "strict", pas parce qu'elle a choisi "xhtml"

Un petit billet d'alsacréations mets le tout au clair.

resalut,

Bon je récapitule car vous êtes difficile à suivre.

Si je veux faire que du xhtml non strict j'ai pas besoin de toucher au css, c'est bien ca????

Alors que si je veux faire du xhtml strict, j'ai pas le choix de passer par le css, c'est bien ca???

Merci!

Non, désolé, c'est exactement l'inverse : si tu veux faire du xhtml strict, tu n'as pas le droit d'employer des balises de mise en forme, donc tu es obligé de passer par les CSS

Rebonjour,

Alors, c'est quoi des balises de mise en forme? Car il ne suffit pas de savoir que je n'ai pas le droit, mais de savoir de quoi il est question.

Merci

Geckozone

Erreur de validation xhtml strict [Resolu]

Erreur de validation xhtml strict [Resolu]

Re: Erreur de validation xhtml strict

Re: Erreur de validation xhtml strict

Mozi