Problème validation de mon site

Bonjour,

Depuis quelques jours j'essaie de valider mon site : http://www.autourduweb.fr/

Problème : j'ai pas mal d'erreurs !

2 ème problème : j'y connais pas grand chose !

Est-ce que quelqu'un pourrait me filer un coup de main SVP ?

Merci ^_*

Bonjour Cédric,

Il y a beaucoup d'erreurs, trop pour les reprendre une par une. Le validateur t'explique les erreurs rencontrées. Il te suffit de regarder aux lignes indiquées les choses invalides. Par exemple: il manque systématiquement un type="text/javascript" sur les scripts externes que tu lies.

Bonne continuation!

Ok, merci pour tes indications. Je le place où le : type="text/javascript" ???

CedricADW a écrit :
Ok, merci pour tes indications. Je le place où le : type="text/javascript" ???

C'est un attribut, donc où bon te semblera dans la balise <script> :

<script [b]type="text/javascript"[/b] src="http://www.autourduweb.fr/wp-content/themes/magazeen/js/pngfix.js"></script>

Salut,

Un autre point qui fera chuter pas mal ton nombre d'erreurs : dans le code HTML, une esperluette (&) qui ne sert pas à déclarer une entité HTML (&eacute;, &gt;, &nbsp;, etc.) doit toujours être écrite elle-même sous sa forme d'entité HTML, à savoir : &amp;

@ Benjamin : Pfiou, je patauge complet, désolé ! Faut que je mette cette ligne dans mon header.php c'est ça ?

@ marcv : dans quel fichier je change ça ?

Une autre chose : lorsque je change un fichier, c'est valable tout de suite ou il faut que j'attende quelques minutes ?

Merci...

Bon, visiblement tu as trouvé les réponses tout seul vu que les erreurs sont corrigées.

Dans les erreurs qui restent, la majeure partie sont des balises que tu ouvres mais ne fermes pas, comme ici :

<div class="post-intro">
    <p>La force du <strong>navigateur Firefox</strong> réside dans le fait qu’il est personnalisable à souhait. Avec des milliers de plugins et près de<strong> 1,5 milliards de téléchargements</strong>, la société <strong>Mozilla </strong>a travaillé d’arrache pied ces dernières années pour fournir davantage d’améliorations à tous les aficionados du renard ! C’est pourquoi, Mozilla lance <a href="https://addons.mozilla.org/fr/firefox/" target="_blank">Add-on Collections</a>, un site avec une interface totalement retravaillée pour le confort de tous…</p>
    <p style="margin-bottom: 0cm;">
    <p style="margin-bottom: 0cm;"><a href="http://www.autourduweb.fr/wp-content/uploads/2009/06/mozilla-firefox.jpg"><img class="aligncenter size-medium wp-image-1126" title="mozilla-firefox" src="http://www.autourduweb.fr/wp-content/uploads/2009/06/mozilla-firefox-500x379.jpg" alt="mozilla firefox 500x379 [NOUVEAU] Firefox lance Add on Collections" width="500" height="379" /></a></p>
    <p style="margin-bottom: 0cm;">
</div><!-- End post-intro -->

Le 2e et le 4e <p> ne sont pas fermés. Ils sont vides, en plus, donc autant les supprimer.


Tu as également beaucoup d'atrributs dont la valeur n'est pas entre guillements, style le href ici :

Je vous invite à me rejoindre sur <a href=http://twitter.com/CedricADW>Twitter</a>

Petites astuces avec le validateur :
- quand tu as beaucoup d'erreurs, active l'option "Group Error Messages by Type". On y voit plus clair.
- active également "Show Source". Chaque erreur possèdera un lien sur son numéro de ligne, qu'il te suffira de suivre pour arriver à la ligne concernée dans ton code source. Ça facilite la recherche

C'est bizarre parce que lorsque je regarde mon post en HTML, voilà ce que j'ai :

La force du <strong>navigateur Firefox</strong> réside dans le fait qu'il est personnalisable à souhait. Avec des milliers de plugins et près de<strong> 1,5 milliards de téléchargements</strong>, la société <strong>Mozilla </strong>a travaillé d'arrache pied ces dernières années pour fournir davantage d'améliorations à tous les aficionados du renard ! C'est pourquoi, Mozilla lance <a href="https://addons.mozilla.org/fr/firefox/" target="_blank">Add-on Collections</a>, un site avec une interface totalement retravaillée pour le confort de tous...
<p style="margin-bottom: 0cm;"></p>
<p style="margin-bottom: 0cm;"><a href="http://www.autourduweb.fr/wp-content/uploads/2009/06/mozilla-firefox.jpg"><img class="aligncenter size-medium wp-image-1126" title="mozilla-firefox" src="http://www.autourduweb.fr/wp-content/uploads/2009/06/mozilla-firefox-500x379.jpg" alt="mozilla-firefox" width="500" height="379" /></a></p>
<p style="margin-bottom: 0cm;"></p>
<!--more-->

J'ai bien les balises fermées, non ??

Maintenant oui, mais est-ce que ces <p>aragraphes vides sont vraiment nécessaires ?

Je sais pas, ça ce met automatiquement ! Que me conseille-tu ??

D'écrire ton code HTML à la main.

Je les ai effacé et apparemment c'est mieux, il y a plus d'erreur ! Bon, il m'en reste quand même encore 34 ! Mais sachant que je suis parti de 70, ça avance...

@ marcv : en mettant les guillemets ça met une autre erreur ! Et maintenant quand je clic sur le lien, ça m'envoie une erreur "Page Not Found". Une idée ?

Merci...

Un petit coup de pouce :

a écrit :
Line 594, Column 310: end tag for "img" omitted, but OMITTAG NO was specified

En XHTML (contrairement à l'HTML) les balises autofermantes doivent être fermée :

<img src="..." alt="..." [b]/[/b]>

a écrit :
Line 667, Column 23: document type does not allow element "style" here

Les balises <style> ne peuvent se trouver que dans le <head>.

a écrit :
Line 764, Column 43: an attribute value must be a literal unless it contains only name characters
…s invite à me rejoindre sur <a href=\"http://twitter.com/CedricADW>Twitter\"<

Petite erreur de copier coller ou dans le PHP.

Et pour toutes les erreur du type :

a écrit :
XML Parsing Error:

Elle se résoudront surement en corrigeant les autres.

EDIT :

CedricADW a écrit :
@ marcv : en mettant les guillemets ça met une autre erreur ! Et maintenant quand je clic sur le lien, ça m'envoie une erreur "Page Not Found". Une idée ?

C'est parce que tes guillements sont mal placés. Il doivent englober l'URL, point.

L'utilisation des guillements pour délimiter les valeurs des attributs est obligatoire en XHTML.
Modifié par Laurie-Anne (12 Jun 2009 - 10:12)

Merci beaucoup de ton aide Laurie-Anne, j'avance, il m'en reste que 15 !!

Par contre, pour l'erreur 761, je ne trouve pas. Voilà comment c'est écrit chez moi :

Je vous invite à me rejoindre sur <a href="http://twitter.com/CedricADW">Twitter</a> ou à vous abonner gratuitement aux <a href="http://feeds2.feedburner.com/Autourduweb">Flux RSS</a> pour rester au courant des dernières news du blog !

Les guillemets sont mal placés ??

Pour l'erreur 665, la balise est un encart publicitaire. Je le met où du coup ce <style> ?
Et si je le change de place, ça va pas foutre le bordel ??

Merci...

Pour les guillemets, voici le code qui est "affiché" :

<a href=\"http://twitter.com/CedricADW\">Twitter</a>

Les barres obliques avant les guillemets sont en trop.

Pour le <style>, je me répète, il doit être dans le head, et non ça ne va pas "foutre le bordel", au contraire.

Regarde dans ce que je t'ai collé, y'a pas de barre oblique ! Elle sort d'où celle-la ??

Et pour l'encart publicitaire, j'ai essayé d'enlever le <style> mais je le colle vers où dans le <head> car selon où je le met ça donne pas les mêmes erreurs !

[quote=CedricADW]Regarde dans ce que je t'ai collé, y'a pas de barre oblique ! Elle sort d'où celle-la ?? quote]ça... Si tu utilise du PHP ou un autre language serveur, je dirais de là. Sinon, je ne sais pas, mais c'est là.

pour le <style> avant le </head> ce sera très bien, mais normalement ça n'as aucune importance si les styles définis concernent uniquement l'encart publicitaire et qu'il n'y a pas de nom de classe ou d'ID identiques à ceux que tu utilise ailleurs dans ta page

Bon bah finalement j'ai enlevé le script publicitaire et il me reste que cette erreur de barre oblique... Je cherche mais je vois pas !

Arf

a écrit :
Voilà comment c'est écrit chez moi :

me rejoindre sur <a href="http://twitter.com/CedricADW">Twitter</a>

"Chez moi" ça veut dire dans ton éditeur wysiwyg ou dans la source de la page html ? La seule chose qui compte c'est ce que tu vois quand tu affiches ta page dans la navigateur et que tu fais menu Affichage / Code source de la page (Source tout court dans IE).

Et là tu verras que tu as :

me rejoindre sur <a href=\"http://twitter.com/CedricADW\">Twitter</a>

C'est probablement ton wysiwyg qui ne met pas les guillemets par défaut et qui les échappe si tu tentes de les insérer dans le code source. C'est des sales bêtes.