Problème de Validation W3C [Résolu]

Joeyjordison09 31Messages postés 19 février 2009Date d'inscription - Dernière réponse le 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 : http://ravenwards.perso.neuf.fr/
La page comportant les erreurs c'est l'accueil.
Et pour le code source : http://tools.apocalx.com/...
Merci d'avance,
JoeyJordison09

Problème de Validation W3C »

Suggestions

Problème de Validation W3C
Erreur Javascript pour validation W3C (Résolu) » Forum
Validation W3C (Résolu) » Forum
Validation w3c (Résolu) » Forum
Validation W3C > XML Parsing Error: attribute (Résolu) » Forum
Validation W3C PHP (Résolu) » Forum

Plus

Réponse

Dalida 6694Messages postés 3 mars 2007Date d'inscription 16 janvier 2011Dernière intervention 19 févr. 2009 à 15:06

<script  type="text/javascript">

Ajouter un commentaire - Site web

Réponse

Dalida 6694Messages postés 3 mars 2007Date d'inscription 16 janvier 2011Dernière intervention 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.

Ajouter un commentaire - Site web

Réponse

Dalida 6694Messages postés 3 mars 2007Date d'inscription 16 janvier 2011Dernière intervention 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/pompe/doctype/

Ajouter un commentaire - Site web

Réponse

Joeyjordison09 31Messages postés 19 février 2009Date d'inscription 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...!

Ajouter un commentaire

Réponse

Dalida 6694Messages postés 3 mars 2007Date d'inscription 16 janvier 2011Dernière intervention 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

Ajouter un commentaire - Site web

Réponse

Joeyjordison09 31Messages postés 19 février 2009Date d'inscription 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 ?

Ajouter un commentaire

Réponse

Dalida 6694Messages postés 3 mars 2007Date d'inscription 16 janvier 2011Dernière intervention 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 !

Ajouter un commentaire - Site web

Réponse

Joeyjordison09 31Messages postés 19 février 2009Date d'inscription 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

Ajouter un commentaire

Dalida- 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à !

Réponse

Joeyjordison09 31Messages postés 19 février 2009Date d'inscription 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.

Ajouter un commentaire

Réponse

Joeyjordison09 31Messages postés 19 février 2009Date d'inscription 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...

Ajouter un commentaire

Réponse

Dalida 6694Messages postés 3 mars 2007Date d'inscription 16 janvier 2011Dernière intervention 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…

Ajouter un commentaire - Site web

Réponse

Joeyjordison09 31Messages postés 19 février 2009Date d'inscription 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/...

Ajouter un commentaire

Réponse

Joeyjordison09 31Messages postés 19 février 2009Date d'inscription 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é.

Ajouter un commentaire

Réponse

Joeyjordison09 31Messages postés 19 février 2009Date d'inscription 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 !

Ajouter un commentaire

Réponse

Joeyjordison09 31Messages postés 19 février 2009Date d'inscription 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...

Ajouter un commentaire

Dalida- 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.

Réponse

Joeyjordison09 31Messages postés 19 février 2009Date d'inscription 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 ?

Ajouter un commentaire

Dalida- 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".

Répondre au sujet

Posez votre question

Dossier à la une

Passage au tout numérique : quel coût pour les particuliers ?

Passage au tout numérique : quel coût pour les particuliers ?

Combien cela coûte-t-il au total ? Quelles aides apportent l'état et les acteurs du marché pour alléger cette charge non choisie ? Tous les détails sur Commentçamarche.net.

Problème de Validation W3C [Résolu]

Problème de Validation W3C »

Passage au tout numérique : quel coût pour les particuliers ?