Sujet Précédent Sujet Suivant

Problème de Validation W3C

Résolu/Fermé
Joeyjordison09 Messages postés 31 Date d'inscription jeudi 19 février 2009 Statut Membre Dernière intervention 19 juin 2009 - 19 févr. 2009 à 14:08
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 20 févr. 2009 à 12:06
Bonjour à toute la communauté !

J'ai un problème avec ma validation W3C, Voici les lignes qui comportent des erreurs,

1. Line 21, Column 43: there is no attribute "TYPE".
<link href="js.css" rel="stylesheet" type="text/css">

L'erreur vient apparement du crochet de l'attribut "type", exactement : type= <<">> text/css">

2. Line 24, Column 30: element "SCRIPT" undefined.
<script type="text/javascript">

L'erreur vient apparement de l'element SCRIPT qui est indéfinis (??) le crochet de fermeture de la ligne de code (>)

3. Pareil pour des parenthèse (celle qui ferment le code généralement) !

Pouvez-vous m'aider sil-vous-plait !

Mon site : https://www.sfr.fr/fermeture-des-pages-perso.html
La page comportant les erreurs c'est l'accueil.
Et pour le code source : http://tools.apocalx.com/code-html/?q=http%3A%2F%2Fravenwards.perso.neuf.fr%2Faccueil.html

Merci d'avance,
JoeyJordison09

16 réponses

Réponse 1 / 16
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
19 févr. 2009 à 15:06 
<script  type="text/javascript">
1
Réponse 2 / 16
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
19 févr. 2009 à 16:05
's'cuse, je regardais ton code de plus près.

ça ne sert à rien de corriger à droite à gauche.
ta page est mal construite dès le départ et il y a des erreurs partout, pas que des questions de syntaxe (celles détectées par la validateur) mais aussi des erreurs de sémantique (balises utilisées pour autre chose que ce à quoi elles sont censées servir).

je te propose, ma relecture de ton document, regarde le code source du HTML ça me semble plus clair !
au passage je suis passé à XHTML Strict, tant qu'à faire…

évidemment je n'ai pas tout refais à l'identique mais tu as la structure.
j'ai organisé les fichiers externes (images, CSS et JS), tu devrais t'y retrouver plus facilement.
pour la bannière il faudrait un seul fichier.

j'ai ajouté des bordures rouges aux blocs principaux pour que tu vois la structure.

j'ai viré les JS, il faut les ajouter en dernier (et à mon avis ils ne sont pas d'une grande utilité).

la règle d'or c'est de séparé le contenu (HTML) de la présentation (CSS, JS…)

je t'ai tout mis dans une archive, dis moi ce que tu en penses.
1
Réponse 3 / 16
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
19 févr. 2009 à 14:12
salut, 

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">

on devrait bientôt passer à HTML 5 et pourtant ça avance pas vite, tu fais de la paléonto-informatique ou quoi ?

en premier, change de DTD !
http://www.pompage.net/traduction/le-doctype-qu-il-vous-faut
0
Réponse 4 / 16
Joeyjordison09 Messages postés 31 Date d'inscription jeudi 19 février 2009 Statut Membre Dernière intervention 19 juin 2009 2
19 févr. 2009 à 14:17
Mais, j'utilise lequel ?! car je ne sais pas, du HTML, du XHTML ? C'est une question sans réponse pour moi depuis le début de ma formation...!
0

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

Posez votre question
Réponse 5 / 16
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
19 févr. 2009 à 14:20
HTML est moins rigoureux que XHTML.
Transitional est moins exigeant que Strict.

donc commence en HTML 4.01 Transitional.
quand tu connaitras mieux tu pourras passer à XHTML !

+ http://css.alsacreations.com/Bases-et-indispensables/DTD-comment-choisir
0
Réponse 6 / 16
Joeyjordison09 Messages postés 31 Date d'inscription jeudi 19 février 2009 Statut Membre Dernière intervention 19 juin 2009 2
19 févr. 2009 à 14:21
Okay, merci beaucoup mais, je ne fais que modifier le Doctype en Entête de ma page, où il faut adapter du code lors du changement ?
0
Réponse 7 / 16
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
19 févr. 2009 à 14:23
tu ouvres le fichier source dans ton éditeur et tu remplaces la première ligne par ce que tu trouves sur le site !
et c'est tout, le validateur le détectera tout seul !
0
Réponse 8 / 16
Joeyjordison09 Messages postés 31 Date d'inscription jeudi 19 février 2009 Statut Membre Dernière intervention 19 juin 2009 2
19 févr. 2009 à 14:32
Merci beaucoup, j'ai réduit de trois/quart les erreurs, mais, il y as quand même des > qui ne vont pas,

Line 44, Column 6: required attribute "TYPE" not specified.
<style>
au second ">" !

Merci de ton aide
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
19 févr. 2009 à 14:37 
<style type="text/css">

la référence c'est la spécification, c'est un peu barbare mais tu y trouveras toutes les règles de définition du langage !

dans ce cas, c'est là !
0
Réponse 9 / 16
Joeyjordison09 Messages postés 31 Date d'inscription jeudi 19 février 2009 Statut Membre Dernière intervention 19 juin 2009 2
19 févr. 2009 à 14:40
D'accord merci, et pour les Meta, il ne faut les mettrent que dans l'index du site non ? Car moi je les aient misent dans l'entête de toutes mes pages du site.
0
Réponse 10 / 16
Joeyjordison09 Messages postés 31 Date d'inscription jeudi 19 février 2009 Statut Membre Dernière intervention 19 juin 2009 2
19 févr. 2009 à 15:01
Nouveau beuge, ils me disent que j'ai oublié le signe Egal entre l'attribut et la valeur dans le code : <script language="javascript">, pourtant, tout est à sa place...
0
Réponse 11 / 16
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
19 févr. 2009 à 15:04 
<script type="text/javascript">


ne désespère pas, maintenant que tu le sais tu produira du code valide directement…
0
Réponse 12 / 16
Joeyjordison09 Messages postés 31 Date d'inscription jeudi 19 février 2009 Statut Membre Dernière intervention 19 juin 2009 2
19 févr. 2009 à 15:11
Merci, plus que 46 erreurs.... (Je pense que c'est surtout le fait de ne pas avoir codés avec un éditeur mais totalement à la main !!) je pense que sa seras plus facile ainsi : http://validator.w3.org/...
0
Réponse 13 / 16
Joeyjordison09 Messages postés 31 Date d'inscription jeudi 19 février 2009 Statut Membre Dernière intervention 19 juin 2009 2
19 févr. 2009 à 15:25
Line 49, Column 22: document type does not allow element "STYLE" here


Je ne comprends pas, j'ai déplacé le code dans body, rien n'a changé, je dois en faire quoi, le placer où ? Puis ils me disent à la ligne 49, ligne vide dans le code source, entre la ligne 49, au dessus, un code "onclik", au dessous, un code pour le menu du clic droit personnalisé.
0
Réponse 14 / 16
Joeyjordison09 Messages postés 31 Date d'inscription jeudi 19 février 2009 Statut Membre Dernière intervention 19 juin 2009 2
19 févr. 2009 à 16:18
Ok merci beaucoup, et surtout merci d'avoir tout refais !! C'est vraiment très gentil.
Par contre je chercherais sur internet mais pas mal de nouveau code, que je ne connais pas ...
Encore merci !
0
Réponse 15 / 16
Joeyjordison09 Messages postés 31 Date d'inscription jeudi 19 février 2009 Statut Membre Dernière intervention 19 juin 2009 2
19 févr. 2009 à 16:34
Je n'arrive pas a comprendre certaine chose, il n'y as plus la barre de défilement de la table centrale avec les news, ni le phrase entre crochet pour mettre le site en favoris, cette façon de coder est toute nouvelle, je ne comprends vraiment pas ^^, et pourquoi certaint fichiers sont séparés ? comment les réinclure au fichier ? (INCLUDE) ??
Je souhaite reprendre ton code source pour en faire une mise en forme finale comme mon site actuel.

Merci de tes réponses à l'avance...
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
20 févr. 2009 à 12:00
salut,

il n'y as plus la barre de défilement de la table centrale avec les news
si tu l'as veux vraiment : 
div#content{
height:320px; /* la hauteur que tu veux */
overflow:auto; /* pour afficher la barre */
}

mais à mon avis, une page web défile déjà par elle-même.

ni le phrase entre crochet pour mettre le site en favoris
j'ai enlevé les JS, tu peux le re-coller au même endroit.
là encore il s'agit d'un doublon avec une fonctionnalité du navigateur. c'est plutôt de l'ordre du gadget mais c'est toi l'patron !

pourquoi certaint fichiers sont séparés
j'ai mis à part les fichiers qui servent à la présentation (CSS et JS).
la règle numéro c'est de séparer la contenu de la mise en forme.
et pour CSS, c'est beaucoup plus pratique, un seul fichier permet de modifier l'aspect de toute les pages du site.
ces fichiers là sont inclus par des balises dans le <head>, à savoir <link> et <script> via l'attribut "src"

pour apprendre les bases très vite, regarde là, il y a quelques liens intéressants.
prends dans XHTML et CSS les cours et tutos, en particulier tuteurs.ens.fr.
0
Réponse 16 / 16
Joeyjordison09 Messages postés 31 Date d'inscription jeudi 19 février 2009 Statut Membre Dernière intervention 19 juin 2009 2
19 févr. 2009 à 17:53
Nouveau problème, comment importer une image dans le code source ? je vois qu'il y as des H1, H2 etc, est-ce sa ?
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
20 févr. 2009 à 12:06
<h1> et <h2> sont des titres de niveau 1 & 2.

il faut d'abord du contenu textuel dans ton document.
ensuite tu peux l'enjoliver avec CSS.

c'est ce que j'ai fait pour <h1> en utilisant une technique de remplacement de texte en CSS.

mais regarde les cours de tuteurs.ens.fr c'est hyper rapide et ça te permettra de comprendre le fonctionnement logique de tout ça.

et pour te donner une idée de ce qu'on peut faire en XHTML/CSS (et simplement) regarde ce site.
un seul et unique document HTML, mis en page avec différentes CSS.
il faut naviguer de mise en page en mise en page avec les liens classés dans "select a design".
0

Discussions similaires

Problème de restrictions
SuperAmbi -
Pat -

5 réponses
Gmail impossible sans numéro de téléphone
Gogole -
Besoindesavoir -

5 réponses
Impossible d'utiliser numéro de téléphone validation
Rob5 -
Panth33ra -

4 réponses
Ma commande est en cours de validation sur Fnac
Ali -
Ali -

2 réponses
Impossible d'utiliser ce numéro de téléphone pour la validat
Marie -
MPMP10 -

1 réponse