Pour la validation

[jlb59]

Bonjour à tous,

Lors de la validation d'une page j'ai cette erreur :

#  Line 299, column 388: document type does not allow element "a" here

...e;" title="QI98 - Test de la Mémoire">QI98 - Test de la Mémoire</a></textarea

Et voilà la source :

<a href="http://qi98.free.fr/" onclick="window.open(this.href); return false;" alt="QI98 - Test de la Mémoire">QI98 - Test de la Mémoire</a>
<span style="display:block;margin-bottom:1px;"></span>
<form name="lien_texte" action="#" onsubmit="return false;" >
<textarea name="lien_texte" cols="62" rows="2">
<a href="http://qi98.free.fr/" onclick="window.open(this.href); return false;" title="QI98 - Test de la Mémoire">QI98 - Test de la Mémoire</a>
</textarea>
<span style="display:block;margin-bottom:1px;"></span>
<input name="button" type="button" onclick="this.form.lien_texte.select();" style="font:0.8em Verdana;color:#000000;background-color:#FFFF66;font-weight:bold" value="Selectionner" />
</form>

J'ai fait cette méthode en visitant plusieurs site et en prenant des exemples.

Seulement, à cette époque, je n'étais pas trop pré occupé par W3C.

Pour que ça passe à la validation, voulez-vous me dire comment faire ?

Merci d'avance.

[PhY]

Salut,

Je ne vois pas l'erreur dans ton code

Essaie la validation sur Validome. C'est en français, tu auras peut-être des réponses

Peux-tu nous dire la version de ton (x)html ?

[jlb59]

Salut,

Je ne vois pas l'erreur dans ton code

Essaie la validation sur Validome. C'est en français, tu auras peut-être des réponses

Peux-tu nous dire la version de ton (x)html ?

Oui, je connais Validome, mais il me valide des pages qui ne le sont pas avec W3C !

[Dadou]

# Line 299, column 388: document type does not allow element "a" here

Ça signifie que l'élément "a" n'est pas à la bonne place, mais comme on a pas ce qu'il y a au dessus.

[captain_torche]

C'est sans doute la présence du <a> dans le textarea.

Tu peux essayer en encodant les signes < et > par < et >

[jlb59]

C'est sans doute la présence du <a> dans le textarea.

Tu peux essayer en encodant les signes < et > par < et >

C'est vrai que faire comme ça !...

C'est interprété comme le caractère défini ?

[jlb59]

C'est sans doute la présence du <a> dans le textarea.

Tu peux essayer en encodant les signes < et > par < et >

J'ai essayé mais c'est pas ça.

Par ailleurs, sur le livre de Jean ENGELS, XHTML et CSS, il est dit que le "name" servant à identifier certains éléments, doit être remplacer par "id" ???

J'ai fais ça, et c'est encore pire lors de la validation (augmentation du nombre d'erreurs) !

Est-ce que c'est vraiment utile, voire nécessaire ?

[Dadou]

Si c'est ça :

J'ai fait le remplacement et passé au validateur, tu n'as pas du tous les remplacer

<a href="http://qi98.free.fr/" onclick="window.open(this.href); return false;" title="QI98 - Test de la Mémoire">QI98 - Test de la Mémoire</a>
<span style="display:block;margin-bottom:1px;"></span>
<form name="lien_texte" action="#" onsubmit="return false;" >
<textarea name="lien_texte" cols="62" rows="2">
<a href="http://qi98.free.fr/" onclick="window.open(this.href); return false;" title="QI98 - Test de la Mémoire">QI98 - Test de la Mémoire</a>
</textarea>
<span style="display:block;margin-bottom:1px;"></span>
<input name="button" type="button" onclick="this.form.lien_texte.select();" style="font:0.8em Verdana;color:#000000;background-color:#FFFF66;font-weight:bold" value="Selectionner" />
</form>

au passage la balise a ne supporte pas l'attribut alt qui est pour une image

[jlb59]

Si c'est ça :

J'ai fait le remplacement et passé au validateur, tu n'as pas du tous les remplacer

J'ai en peut-être oublié un, mais je l'aurais vu au validateur, il l'aurait signalé, non ?

au passage la balise a ne supporte pas l'attribut alt qui est pour une image

C'est noté, mais tu as une solution pour éviter ça?

Moi, je crois qu'en mettant ce code dans un javascript, ça passerait mieux, non ????

[captain_torche]

J'ai essayé également, et c'est ça (plus deux autres corrections : l'attribut alt qui n'existe pas pour les liens (remplacé par title), et les span vides)

CODE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" &quot;http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; Charset=ISO-8859-15">

<title>Test jlb59</title>

</head>

<body>

<a href=&quot;http://qi98.free.fr/" onclick="window.open(this.href); return false;" title="QI98 - Test de la Mémoire">QI98 - Test de la Mémoire</a>

<span style="display:block;margin-bottom:1px;"> </span>

<form name="lien_texte" action="#" onsubmit="return false;" >

<textarea name="lien_texte" cols="62" rows="2">

<a href=&quot;http://qi98.free.fr/" onclick="window.open(this.href); return false;" title="QI98 - Test de la Mémoire">QI98 - Test de la Mémoire</a>

</textarea>

<span style="display:block;margin-bottom:1px;"> </span>

<input name="button" type="button" onclick="this.form.lien_texte.select();" style="font:0.8em Verdana;color:#000000;background-color:#FFFF66;font-weight:bold" value="Selectionner" />

</form>

</body>

</html>

En ce qui concerne le remplacement des "name" par des "id", ce n'est pas "absolument indispensable", sauf si tu veux faire du javascript (la fonction getElementById() fonctionne sur tous les navigateurs).

Toutefois, il vaut mieux prendre des bonnes habitudes dès maintenant :

- Le "name" ne doit être utilisé que sur des éléments de type "input" (il n'y a que là qu'il est utile)

- Le "class" est utilisé pour des éléments récurrents que tu veux cibler en CSS (via le sélecteur .)

- L'id peut être utilisé sur des éléments uniques que tu veux styler en CSS (le sélecteur # permet cela), ou sur ceux que tu veux pouvoir cibler en JavaScript

[jlb59]

plus deux autres corrections : l'attribut alt qui n'existe pas pour les liens (remplacé par title)

Là, j'ai du mal à te suivre !

Je croyais que "ALT" était pour un image et "TITLE" pour un lien ? Aurai-je mis un "ALT" là où il ne fallait pas (ou l'inverse) ?

C'est clair comme explications sur les "ID" et les "NAME", mais il faut en prendre l'habitude comme tu dis !

J'ai fait les modifs que tu m'as mises, et je t'en remercie, mais le problème n'est pas résolu pour autant. Le validateur trouve encore plus d'erreurs.

Je suis convaincu que le code que tu m'as donné est OK. Seulement, la justesse de ton code entraîne d'autres erreurs. Mais je vais vérifier tout ça ligne/ligne, en espérant que ça marche.

Si jamais tu avais le temps et la curiosité, voici le lien pour W3C Lien de la validation

[Dadou]

Aurai-je mis un "ALT" là où il ne fallait pas (ou l'inverse) ?

Oui c'est tout a fait ça

Je suis convaincu que le code que tu m'as donné est OK. Seulement, la justesse de ton code entraîne d'autres erreurs. Mais je vais vérifier tout ça ligne/ligne, en espérant que ça marche.

Si jamais tu avais le temps et la curiosité, voici le lien pour W3C Lien de la validation

La première erreur est simple : une balise fermante a qui n'a pas d'ouverture, donc à supprimer le </a> de la ligne 392

[jlb59]

La première erreur est simple : une balise fermante a qui n'a pas d'ouverture, donc à supprimer le </a> de la ligne 392

Oui j'ai vu ça, et j'ai corrigé.

Mais il y a toujours des erreurs sur les "TEXTAREA"

Line 303, column 46: document type does not allow element "textarea" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag

<textarea name="lien_texte" cols="62" rows="2">

et les "SPAN" (pour remplacer les <BR />)

Line 306, column 45: document type does not allow element "span" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag

<span style="display:block;margin-bottom:1px"> </span>

.Y a-t-il une syntaxe spéciale pour ça ?

Par ailleurs, j'ai cette erreur

Line 315, column 11: there is no attribute "name"
	  <form name="logo-80-76" action="#" onsubmit="return false;" >

Si je mets "ID" à la place de "NAME", ça va pas, c'est encore pire ! Y a pas autre chose par hasard ?

Captain Torche a eu la gentillesse de mettre en conformité quelques lignes, mais, bien qu'il y ait beaucoup moins d'erreurs, celles persistantes, comme ci-dessus, sont compliquées à comprendre (pas l'anglais mais la bonne syntaxe à mettre).

J'ai bien le livre XHTML/CSS, mais y a pas tout, notamment pour les bonnes syntaxes de certains éléments !...

[Dadou]

Edition : Grillé par Dadou. Ca va pas ça, on n'a pas le droit d'être plus rapide que moi !

Si si, je m'entraîne à poster plus vite que mon ombre

jlb59 > On ne remplace pas un br par un span, tu as besoin d'un retour à la ligne tu met un br !

Pour les textearea le message est pourtant clair :

document type does not allow element "textarea" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag.

Il faut que le textearea soit contenu dans un élément bloc comme p hx... ce qui donnerait par exemple

<form id="lien_texte" action="#" onsubmit="return false;" >

<p><textarea name="lien_texte" cols="62" rows="2"><a href=&quot;http://qi98.free.fr/" onclick="window.open(this.href); return false;" title="QI98 - Test de la Mémoire">QI98 - Test de la Mémoire</a></textarea>

<br />

<input name="button" type="button" onclick="this.form.lien_texte.select();" style="font:0.8em Verdana;color:#000000;background-color:#FFFF66;font-weight:bold" value="Selectionner" />

</p>

</form>

[jlb59]

jlb59 > On ne remplace pas un br par un span, tu as besoin d'un retour à la ligne tu met un br !

Non, j'ai fais ça et ça ne passe pas avec W3C.

Par contre, no problemo avec le span en question.

[Dadou]

Normal qu'il te génère une erreur un br doit être imbriqué dans un élément type bloc comme p, hx...

hors tu mets

Lorem...<br /><input

Met en forme comme je te l'ai indiqué à mon post precédent, tu supprimeras tu même coup les erreur avec input qui à la même problématique de textarea

[jlb59]

C'est ce que j'ai fait Dadou et c'est ça !

Mais il y a d'autres erreurs que je suis en train d'essayer de corriger.

Merci de ton aide.

PS : En fait, le SPAN à la place du BR n'était pas la bonne solution à adopter bien que ça marchait bien. Dès qu'il y avais une erreur de paragraphe (<p>...</p>), le reste suivait.

[Dadou]

La page validé, mais :

Tu ferais mieux d'apprendre à utiliser correctement les balises html, tu n'utilises pas à bon escient les retours à la ligne

CODE

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

<html xmlns=&quot;http://www.w3.org/1999/xhtml">

<head>

<meta name="verify-v1" content="/UWhh9JzYjipBEkcuez8gZHVjX06x84gypJ/omzHOzw=" />

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

<title>Affiliation</title>

<meta name="keywords" content="intelligence,logiciel libre,évaluation du QI,Web Graphique,Web Design,site Web,sécurité de l'ordinateur,téléchargement libre,système d'exploitation,evaluation du qi,web graphique,web design,site web,securite de l'ordinateur,telechargement libre,systeme d'exploitation,Jean-Luc BOUCHEZ,jl.bouchez,Formations,Compétences,Expériences professionnelles,Diplômes,Informations complémentaires,Dunkerque,jean-luc bouchez,jl.bouchez,formations,competences,experiences professionnelles,diplomes,informations complementaires,dunkerque,art culinaire local,plats typiques du Nord,plat typique du nord,plats typiques du Nord de la France,Pot de viandes,pot de viandes,potjevlesch,Potjevlesch,potchevlech,Potchevlech" />

<meta name="description" content="QI98 analyse les facultés intellectuelles d'un individu (QI)." />

<meta name="robots" content="all" />

<meta name="author" content="JL BOUCHEZ" />

<meta name="publisher" content="JLB59" />

<meta name="copyright" content="2007 JLB59" />

<meta name="page-topic" content="Education,Evaluation" />

<meta name="page-type" content="Site d'évaluation" />

<meta name="audience" content="Tous" />

<meta name="expires" content="NEVER" />

<meta http-equiv="Content-Language" content="fr" />

<meta http-equiv="Content-Style-Type" content="text/css" />

<meta http-equiv="Content-Script-Type" content="text/javascript" />

<link href="../css/main2.css" rel="StyleSheet" type="text/css" media="screen" />

<link href="../css/menutab.css" rel="StyleSheet" type="text/css" media="screen" />

<link href="../css/cv.css" rel="StyleSheet" type="text/css" media="screen" />

<link href="../css/top-page-foot.css" rel="StyleSheet" type="text/css" media="screen" />

<script type="text/javascript" src="../css/javascript/menuDropdown.js"></script>

<script type="text/javascript" src="../css/javascript/favoris.js"></script>

</head>

<body>

<table id="general" cellspacing="0" cellpadding="0">

<tr>

<td colspan="3"><div id="top-page">

<span class="logo">

<a href="./" title=""><img src="../images/bannieres/header/logo.jpg" alt="" /></a>

</span>

<span class="banniere">

<object type="application/x-shockwave-flash" data="../images/bannieres/header/banniere.swf" width="554px" height="111px">

<param name="movie" value="../images/bannieres/header/banniere.swf" />

<param name="wmode" value="transparent" />

<p>Installez le plugin Flash pour voir l'animation : <a href=&quot;http://www.adobe.com/go/gntray_dl_getflashplayer_fr" title="LienPlugin">

Cliquez ici pour le télécharger</a></p>

</object>

</span>

<span class="logo-anime">

<img src="../images/bannieres/header/logo-anime_qi98.gif" alt="" />

</span>

<br />

<div class="entete">

<img src="../images/bannieres/header/img-entete-noir.gif" style="width:248px;height:27px;" alt="" />

</div>

</div></td>

</tr>

<tr>

<td colspan="3"><div id="mainMenu1">

<ul id="menuList1">

<!-- //////// ACCUEIL //////////////// -->

<li><a href="../">Accueil</a></li>

<li>

<a class="actuator" href="#">Communication</a>

<ul class="menu">

<li><a href="#">Contact</a></li>

<li><a href="#">Livre d'or</a></li>

<li><a href="#">Forum</a></li>

<li><a href="#">FAQ</a></li>

</ul>

</li>

<!-- //////// SECURITE //////////////// -->

<li>

<a class="actuator" href="../securite/index.php?page=0&id=Explication">Sécurité</a>

<ul class="menu">

<li>

<a class="actuator" href="#">Firewalls</a>

<ul class="menu">

<li><a href="../securite/index.php?page=30&id=Firewall_1">Zone Alarm, Kerio, ...</a></li>

<li><a href="../securite/index.php?page=31&id=Firewall_2">Tiny, Mindsoft, ...</a></li>

<li><a href="../securite/index.php?page=32&id=Firewall_3">Segate, SecurePoint, ...</a></li>

<li><a href="../securite/index.php?page=33&id=Firewall_4">Ashampoo Firewall, Jetico, ...</a></li>

<li><a href="../securite/index.php?page=34&id=Firewall_5">Look'n'Stop, Omniquad, ...</a></li>

</ul>

</li>

<li>

<a class="actuator" href="#">Antivirus</a>

<ul class="menu">

<li><a href="../securite/index.php?page=20&id=Antivirus_1">Avira Antivir, Avast!, ...</a></li>

<li><a href="../securite/index.php?page=21&id=Antivirus_2">CA, AVG Antivirus, ...</a></li>

<li><a href="../securite/index.php?page=22&id=Antivirus_3">BitDenender10 Free Edition, F-Prot, ...</a></li>

<li><a href="../securite/index.php?page=23&id=Antivirus_4">Multi Virus Cleaner, Vista Dual Scan, ...</a></li>

</ul>

</li>

<li>

<a class="actuator" href="#">Antispams</a>

<ul class="menu">

<li><a href="../securite/index.php?page=10&id=Antispams_1">BalPropre, Vade Retro, MailWasher, Spamcillin</a></li>

<li><a href="../securite/index.php?page=11&id=Antispams_2">EmjSoft Antispam, Mail TalkX, Antispam K9</a></li>

</ul>

</li>

<li>

<a class="actuator" href="#">Spybots</a>

<ul class="menu">

<li><a href="../securite/index.php?page=50&id=Anti-espions">Search & Destroy, Ad-Aware, ...</a></li>

</ul>

</li>

<li>

<a class="actuator" href="#">TuneUP</a>

<ul class="menu">

<li><a href="../securite/index.php?page=60&id=TuneUP2007">TuneUP 2007</a></li>

<li><a href="../securite/index.php?page=61&id=TuneUP2008">TuneUP 2008</a></li>

</ul>

</li>

</ul>

</li>

<!-- ///////// TESTS /////////////// -->

<li>

<a class="actuator" href="../tests/index.php?page=1&id=Details">Tests</a>

<ul class="menu">

<li><a href="../tests/index.php?page=1&id=Test_Observation">Test d'observation</a></li>

<li><a href="../tests/index.php?page=2&id=Test_Logique">Test de logique</a></li>

<li><a href="../tests/index.php?page=3&id=Test_Numeration">Test de numération</a></li>

<li><a href="../tests/index.php?page=4&id=Test_Spatial">Test du verbal</a></li>

<li><a href="../tests/index.php?page=5&id=Test_Verbal">Test du spatial</a></li>

</ul>

</li>

<!-- ///////// TELECHARGEMENT /////////////// -->

<li>

<a class="actuator" href="../download/index.php?page=0&id=Telechargement">Téléchargement</a>

<ul class="menu">

<li><a href="../download/version_543/qi98_60.exe">QI98 60 items</a></li>

<li><a href="../download/version_450/qi98_40.exe">QI98 40 items</a></li>

<li>

<a class="actuator" href="#">Petit plus</a>

<ul class="menu">

<li><a href="../download/index.php?page=1&id=Compteur_Plus">Compteur Plus</a></li>

<li><a href="../download/index.php?page=2&id=Create_Pdf">Création de Pdf</a></li>

</ul>

</li>

</ul>

</li>

<!-- ///////// SITEMAP /////////////// -->

<li><a href="../index.php?page=5&id=Sitemap">Plan du site</a></li>

<!-- ///////// FAVORIS /////////////// -->

<li><a href="java script:bookmarksite('QI98 - Analyse de la mémoire', 'http://qi98.free.fr/')">Favoris</a></li>

<!-- fin menuList1 -->

<!-- fin mainMenu1 -->

</ul>

</div></td>

</tr>

<tr>

<td colspan="3"><div id="pageinfos">

  Vous êtes ici > 

<a href="../" title="">qi98</a> | <a href="?page=0&id=Codes_Liens" title="">Affiliation</a> | Affiliation</div></td>

</tr>

<tr>

<td class="colonnegauche"><div class="blocktitle">Bureautique</div>

<div class="blockcontent">

<span class="pucemenu">.:</span><a href="../bureautique/index.php?page=0&id=Base_de_donnees" title="">Base de données</a><br />

<span class="pucemenu">.:</span><a href="../bureautique/index.php?page=1&id=Bourse_Finance" title="">Bourse & Finance</a><br />

<span class="pucemenu">.:</span><a href="../bureautique/index.php?page=2&id=Comptabilite" title="">Comptabilité</a><br />

<span class="pucemenu">.:</span><a href="../bureautique/index.php?page=3&id=Gestion_Argent_Facturation" title="">Gestion & Facturation</a><br />

<span class="pucemenu">.:</span><a href="../bureautique/index.php?page=4&id=Outils_de_Traduction" title="">Traduction</a><br />

</div>

<!-- ///// RESSOURCES WEB ////// -->

<div class="blocktitle">Ressources Web</div>

<div class="blockcontent">

<span class="pucemenu">.:</span><a href="../ressources/index.php?page=0&id=Html" title="">Le langage Html</a><br />

<span class="pucemenu">.:</span><a href="../ressources/index.php?page=1&id=Php" title="">Le langage Php</a><br />

<span class="pucemenu">.:</span><a href="../ressources/index.php?page=2&id=Metas" title="">Balises Meta</a><br />

<span class="pucemenu">.:</span><a href="../ressources/index.php?page=3&id=Styles" title="">Feuilles de Styles</a><br />

<span class="pucemenu">.:</span><a href="../ressources/index.php?page=6&id=Tutoriel_Web" title="">Tutoriels Web</a><br />

<span class="pucemenu">.:</span><a href="../ressources/index.php?page=4&id=Kits_Graphiques" title="">Kits Graphiques</a><br />

<span class="pucemenu">.:</span><a href="../ressources/index.php?page=5&id=Creation_Tranfert" title="">Création et Transfert</a><br />

</div>

<!-- ///// MULTIMEDIA MUSIC ////// -->

<div class="blocktitle">Multimedia</div>

<div class="blockcontent">

<span class="pucemenu">.:</span><a href="../index.php?page=15&id=MP3" title="">MP3</a><br />

</div>

<!-- ///// TUTORIAUX GRAPHISME ////// -->

<div class="blocktitle">Graphisme</div>

<div class="blockcontent">

<span class="pucemenu">.:</span><a href="../graphisme/index.php?page=0&id=PaintShopPro" title="">Paint Shop Pro</a><br />

<span class="pucemenu">.:</span><a href="../graphisme/index.php?page=1&id=Photoshop" title="">Photoshop</a><br />

<span class="pucemenu">.:</span><a href="../graphisme/index.php?page=2&id=Flash-Swish" title="">Flash & Swish</a><br />

<span class="pucemenu">.:</span><a href="../graphisme/index.php?page=3&id=PhotoFiltre" title="">PhotoFiltre</a><br />

<span class="pucemenu">.:</span><a href="../graphisme/index.php?page=4&id=PhotoImpact" title="">PhotoImpact</a><br />

<span class="pucemenu">.:</span><a href="../graphisme/index.php?page=5&id=ACDsee" title="">ACDsee</a><br />

<span class="pucemenu">.:</span><a href="../graphisme/index.php?page=6&id=Gimp" title="">The Gimp</a><br />

<!-- <span class="pucemenu">.:</span><a href="../graphisme/index.php?page=7&id=Illustrator" onclick="window.open(this.href); return false;" title="">Illustrator</a><br /> -->

</div>

<!-- ///// UTILITAIRES ////// -->

<div class="blocktitle">Utilitaires</div>

<div class="blockcontent">

<span class="pucemenu">.:</span><a href="../utilitaires/index.php?page=1&id=Compression" title="">Compression</a><br />

<span class="pucemenu">.:</span><a href="../utilitaires/index.php?page=2&id=Gravure" title="">Gravure</a><br />

</div>

<!-- ///// TRUCS et ASTUCES ////// -->

<div class="blocktitle">Trucs & Astuces</div>

<div class="blockcontent">

<span class="pucemenu">.:</span><a class="lien_zoom" href=&quot;http://www.siteduzero.com/tuto-3-22-1-avant-de-commencer.html#ss_part_1" onclick="window.open(this.href); return false;" title="">Xhtml-Site du Zéro<span><img src="../ressources/p_siteduzero.jpg" width="100" height="60" alt="" /></span></a> <span class="flag_fr">    </span><br />

<span class="pucemenu">.:</span><a class="lien_zoom" href=&quot;http://www.zdnet.fr/builder/web_design/conception_site/0,39021086,39164074,00.htm" onclick="window.open(this.href); return false;" title="">tableaux en CSS<span><img src="../ressources/p_zdnet.jpg" width="100" height="99" alt="" /></span></a> <span class="flag_fr">    </span><br />

<span class="pucemenu">.:</span><a class="lien_zoom" href=&quot;http://fr.selfhtml.org/" onclick="window.open(this.href); return false;" title="">SELFHTML<span><img src="../ressources/p_selfhtml.jpg" width="100" height="44" alt="" /></span></a> <span class="flag_fr">    </span><br />

<span class="pucemenu">.:</span><a class="lien_zoom" href=&quot;http://www.alsacreations.com/" onclick="window.open(this.href); return false;" title="">Alsacreation<span><img src="../ressources/p_alsacreations.jpg" width="100" height="67" alt="" /></span></a> <span class="flag_fr">    </span><br />

<span class="pucemenu">.:</span><a class="lien_zoom" href=&quot;http://www.vulgarisation-informatique.com/" onclick="window.open(this.href); return false;" title="">Vulgarisation Informatique<span><img src="../ressources/p_vulgarisation.jpg" width="100" height="76" alt="" /></span></a> <span class="flag_fr">    </span><br />

</div>

<!-- ///// OUTILS WEBMASTER ////// -->

<div class="blocktitle">Outils du Webmaster</div>

<div class="blockcontent">

<span class="pucemenu">.:</span><span style="color:gray;">Scripts CGI</span><br />

<!-- <span class="pucemenu">.:</span><a class="lien_zoom" href=&quot;http://www.rentabilisez.com/ressources/annuaire_webmaster/go.php?s=1970" onclick="window.open(this.href); return false;" title="">Scripts CGI<span><img src="../ressources/p_rentabilisez.jpg" width="100" height="60" alt="" /></span></a><br />-->

<span class="pucemenu">.:</span><a class="lien_zoom" href=&quot;http://www.outils-webmaster.eu/" onclick="window.open(this.href); return false;" title="">Outils Gratuits<span><img src="../ressources/p_espace2001.jpg" width="100" height="96" alt="" /></span></a> <span class="flag_fr">    </span><br />

<span class="pucemenu">.:</span><a class="lien_zoom" href=&quot;http://www.webrankinfo.com/forums/forum_1.htm" onclick="window.open(this.href); return false;" title="">Web Rank Info - Référenceur<span><img src="../ressources/p_wri.jpg" width="100" height="61" alt="" /></span></a> <span class="flag_fr">    </span><br />

<span class="pucemenu">.:</span><a class="lien_zoom" href=&quot;http://www.lesannuaires.com/outils-webmaster.html" onclick="window.open(this.href); return false;" title="">Services à intégrer<span><img src="../ressources/p_annuaires.jpg" width="100" height="78" alt="" /></span></a> <span class="flag_fr">    </span><br />

<span class="pucemenu">.:</span><a class="lien_zoom" href=&quot;http://www.reverso.net/text_translation.asp?lang=fr" onclick="window.open(this.href); return false;" title="">Traduction Reverso<span><img src="../ressources/p_reverso.jpg" width="100" height="98" alt="" /></span></a> <span class="flag_fr">    </span><br />

<span class="pucemenu">.:</span><a class="lien_zoom" href=&quot;http://www.online-translator.com/text.asp?lang=fr" onclick="window.open(this.href); return false;" title="">Traduction Prompt<span><img src="../ressources/p_prompt.jpg" width="100" height="97" alt="" /></span></a> <span class="flag_fr">    </span><br />

<span class="pucemenu">.:</span><a class="lien_zoom" href=&quot;http://www.worldlingo.com/fr/products_services/computer_translation.htm" onclick="window.open(this.href); return false;" title="">Traduction de sites<span><img src="../ressources/p_wordlingo.jpg" width="100" height="97" alt="" /></span></a> <span class="flag_fr">    </span><br />

</div>

<!-- ///// HEBERGEMENT ////// -->

<div class="blocktitle">Hébergement</div>

<div class="blockcontent">

<div style="text-align:center">

<a href=&quot;http://www.referencement.espace2001.com/" onclick="window.open(this.href); return false;" title=""><img src=&quot;http://www.referencement.espace2001.com/images/logo10ans.gif" style="border:none" alt="" /></a><br />

<a href=&quot;http://1and1.fr/xml/order?k_id=9490432" onclick="window.open(this.href); return false;" title=""><img src=&quot;http://banner.1and1.fr/xml/banner?size=4&number=1" style="width:125px;height:95px;border:none" alt="" /></a><br /><br />

</div>

<span class="pucemenu">.:</span><a class="lien_zoom" href=&quot;http://orilla.net/liste.php" onclick="window.open(this.href); return false;" title="">Hébergeurs Gratuits<span><img src="../ressources/p_hebergeurgratuit.jpg" width="100" height="96" alt="" /></span></a> <span class="flag_fr">    </span>

</div>

<!-- ///// STATISTIQUE SPYWORDS ////// -->

<div class="blocktitle">Statistiques</div>

<div class="blockcontent">

<div style="text-align:center">

<!--

< ?php

$url = &quot;http://spy5.spywords.com/?" .

"sid=9492" . "&type=1&" .

"url=" . urlencode($_SERVER['REQUEST_URI']) . "&" .

"agent=" . urlencode($_SERVER["HTTP_USER_AGENT"]) . "&" .

"ip=" . $_SERVER["REMOTE_ADDR"] . "&" .

"code=" . $_SERVER["REDIRECT_STATUS"];

if (!eregi($_SERVER["HTTP_HOST"],$_SERVER["HTTP_REFERER"])){

$url .= "&ref=" . urlencode($_SERVER["HTTP_REFERER"]);

}

//Transmission des infos pour analyse du moteur

$Shandle = _AT_fsockopen("spy5.spywords.com", 80, $errno, $errstr, 3);

if($Shandle){

_AT_readfile($url);

fclose($Shandle);

}

?>

-->

</div>

</div>

<!-- ///// VALIDATION ////// -->

<!--

<div class="blocktitle">Validation</div>

<div class="blockcontent">

<div style="text-align:center">

<p>

<a href=&quot;http://validator.w3.org/check?uri=http%3A%2F%2Fqi98.free.fr%2F" style=""><img

src=&quot;http://callmepep.org/dczoe/share/images/valid-xhtml10.png"

alt="Valid HTML 4.01 Transitional" height="31" width="88" style=""></a>

</p>

<p>

<a href=&quot;http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fqi98.free.fr%2F" style=""><img src=&quot;http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS W3C" height="31" width="88" style=""></a>

</p>

</div>

</div>

-->

<div> </div>

<br /><br /></td>

<td class="colonnecentrale">

<div class="zonecontenu">

<fieldset>

<legend> Affiliation </legend>

<br />

Cliquer sur le bouton jaune "<span style="background-color:#FFFF00;font-weight: bold;"> Selectionner </span>" pour mettre le code en surbillance et copiez/collez à l'endroit que vous avez défini sur une ou plusieurs pages de votre site et je vous remercie de votre geste.<br /><br />

Avec un texte<br />

<a href=&quot;http://qi98.free.fr/" onclick="window.open(this.href); return false;" title="QI98 - Test de la Mémoire">QI98 - Test de la Mémoire</a>

<br />

<form id="lien_texte" action="#" onsubmit="return false;" >

<p>

<textarea name="lien_texte" cols="62" rows="2">

<a href=&quot;http://qi98.free.fr/" onclick="window.open(this.href); return false;" title="QI98 - Test de la Mémoire">QI98 - Test de la Mémoire</a>

</textarea>

</p>

<p>

<input name="button" type="button" onclick="this.form.lien_texte.select();" style="font:0.8em Verdana;color:#000000;background-color:#FFFF66;font-weight:bold" value="Selectionner" />

</p>

</form>

<p>Avec un logo 80x76<br />

<a href=&quot;http://qi98.free.fr/" onclick="window.open(this.href); return false;">

<img src="../images/bannieres/pub/logo_qi98_80-76.gif" style="border:none;" width="80" height="76" alt="QI98 - Test de la Mémoire" /></a>

</p>

<form id="logo-80-76" action="#" onsubmit="return false;" >

<p>

<textarea name="Lien_Logo" cols="62" rows="3">

<a href=&quot;http://qi98.free.fr/" onclick="window.open(this.href); return false;" title="QI98 - Test de la Mémoire">>img src=&quot;http://qi98.free.fr/images/bannieres/pub/logo_qi98_80-76.gif" style="border:none;" width="80" height="76" alt="QI98 - Test de la Mémoire"></a>

</textarea>

</p>

<p>

<input name="button" type="button" value="Selectionner" onclick="this.form.Lien_Logo.select();" style="font:0.8em Verdana;color:#000000;background-color:#FFFF66;font-weight:bold" />

</p>

</form>

<p>Avec une vignette 88x36<br />

<a href=&quot;http://qi98.free.fr/" onclick="window.open(this.href); return false;">

<img src="../images/bannieres/pub/logo-img_qi98_88-36.gif" style="border:0px;" width="88" height="36" alt="QI98 - Test de la Mémoire" />

</a>

</p>

<form id="vignette-88-56" action="#" onsubmit="return false;" >

<p>

<textarea name="Lien_vignette1" cols="62" rows="3">

<a href=&quot;http://qi98.free.fr/" onclick="window.open(this.href); return false;" title="QI98 - Test de la Mémoire">>img src=&quot;http://qi98.free.fr/images/bannieres/pub/logo-img_qi98_88-36.gif" style="border:none;" width="88" height="36" alt="QI98 - Test de la Mémoire"></a>

</textarea>

</p>

<p>

<input name="button" type="button" value="Selectionner" onclick="this.form.Lien_vignette1.select();" style="font:0.8em Verdana;color:#000000;background-color:#FFFF66;font-weight:bold" />

</p>

</form>

<p>Avec une vignette 123x50<br />

<a href=&quot;http://qi98.free.fr/" onclick="window.open(this.href); return false;">

<img src="../images/bannieres/pub/logo-img_qi98_123-50.gif" style="border:none;" width="123" height="50" alt="QI98 - Test de la Mémoire" />

</a>

</p>

<form id="vignette-123-50" action="#" onsubmit="return false;" >

<p>

<textarea name="Lien_vignette2" cols="62" rows="3">

<a href=&quot;http://qi98.free.fr/" onclick="window.open(this.href); return false;" title="QI98 - Test de la Mémoire">>img src=&quot;http://qi98.free.fr/images/bannieres/pub/logo-img_qi98_123-50.gif" style="border:none;" width="123" height="50" alt="QI98 - Test de la Mémoire"></a>

</textarea>

</p>

<p>

<input name="button" type="button" value="Selectionner" onclick="this.form.Lien_vignette2.select();" style="font:0.8em Verdana;color:#000000;background-color:#FFFF66;font-weight:bold" />

</p>

</form>

<p>

Avec une bannière 468x60<br />

<a href=&quot;http://qi98.free.fr/" onclick="window.open(this.href); return false;">

<img src="../images/bannieres/pub/banniere_qi98_468-60.gif" style="border:none;" width="468" height="60" alt="QI98 - Test de la Mémoire" />

</a>

</p>

<form id="banniere-468-60" action="#" onsubmit="return false;" >

<p>

<textarea name="lien_banniere" cols="62" rows="3">

<a href=&quot;http://qi98.free.fr/" onclick="window.open(this.href); return false;" title="QI98 - Test de la Mémoire">>img src=&quot;http://qi98.free.fr/images/bannieres/pub/banniere_qi98_468-60.gif" style="border:none;" width="468" height="60" alt="QI98 - Test de la Mémoire"></a>

</textarea>

</p>

<p>

<input name="button" type="button" value="Selectionner" onclick="this.form.lien_banniere.select();" style="font:0.8em Verdana;color:#000000;background-color:#FFFF66;font-weight:bold" />

</p>

</form>

<p>

Avec une bannière flash 468x60<br />

     

<object type="application/x-shockwave-flash" data=&quot;http://qi98.free.fr/images/bannieres/pub/qi98_banniere_flash_468x60.swf" width="468px" height="60px"><param name="movie" value=&quot;http://qi98.free.fr/images/bannieres/pub/qi98_banniere_flash_468x60.swf" /><param name="wmode" value="transparent" /><p>Installez le plugin Flash pour voir l'animation : <a href=&quot;http://www.adobe.com/go/gntray_dl_getflashplayer_fr" title="LienPlugin">Cliquez ici pour le télécharger</a></p></object>

</p>

<form id="flash" action="#" onsubmit="return false;" >

<p>

<textarea name="Lien_flash" cols="62" rows="5">

<object type="application/x-shockwave-flash" data=&quot;http://qi98.free.fr/images/bannieres/pub/qi98_banniere_flash_468x60.swf" width="468px" height="60px"><param name="movie" value=&quot;http://qi98.free.fr/images/bannieres/pub/qi98_banniere_flash_468x60.swf" /><param name="wmode" value="transparent" /><p>Installez le plugin Flash pour voir l'animation : <a href=&quot;http://www.adobe.com/go/gntray_dl_getflashplayer_fr" title="">Cliquez ici pour le télécharger</a></p></object>

</textarea>

</p>

<p>

<input name="button" type="button" value="Selectionner" onclick="this.form.Lien_flash.select();" style="font:0.8em verdana;background-color:#FFFF66;font-weight:bold" />

</p>

</form>

<p>

Avec une image immeuble 120x240<br />

<a href=&quot;http://qi98.free.fr/" onclick="window.open(this.href); return false;">

<img src=&quot;http://qi98.free.fr/images/bannieres/pub/immeuble-qi98-120-240.gif" style="border:none;" width="120" height="240" alt="QI98 - Test de la Mémoire" /></a>

</p>

<form id="immeuble-120-240" action="#" onsubmit="return false;" >

<p>

<textarea name="Lien_Banniere" cols="62" rows="3">

<a href=&quot;http://qi98.free.fr/" onclick="window.open(this.href); return false;" title="QI98 - Test de la Mémoire">>img src=&quot;http://qi98.free.fr/images/bannieres/pub/immeuble_qi98_120-240.gif" style="border:none;" width="120" height="240" alt="QI98 - Test de la Mémoire"></a>

</textarea>

</p>

<p>

<input name="button" type="button" value="Selectionner" onclick="this.form.Lien_Banniere.select();" style="font:0.8em Verdana;color:#000000;background-color:#FFFF66;font-weight:bold" /><br />

</p></form>

</fieldset>

</div>

</td>

<td class="colonnedroite"><div class="blocktitle">Communication</div>

<div class="blockcontent">

<!-- <span class="pucemenu">.:</span><span style="color:silver">Contact</span><br />-->

<span class="pucemenu">.:</span><a href="../contact/index.php" title="">Contact</a><br />

<span class="pucemenu">.:</span><a href="../alex_guestbook4/index.php" title="">Livre d'or</a><br />

<span class="pucemenu">.:</span><a href="../index.php?page=999&id=Forum-en-restructuration" title="">Forum</a><br />

<!-- <span class="pucemenu">.:</span><a href="../forum_phpbb/index.php" title="">Forum</a><br /> -->

<span class="pucemenu">.:</span><a href="../index.php?page=4&id=FAQ" title="">FAQ</a><br />

<span class="pucemenu">.:</span><a href="../apropos/index.php?page=0&id=A-propos" title="">A propos</a><br />

<span class="pucemenu">.:</span><a href="../apropos/index.php?page=1&id=Profil" title="">Profil</a><br />

<span class="pucemenu">.:</span><a href="../apropos/index.php?page=2&id=Curriculum" title="">Curriculum</a><br />

</div>

<div class="blocktitle">Affiliation</div>

<div class="blockcontent">

<span class="pucemenu">.:</span><a href="../affiliation/index.php?page=0&id=Liens_QI98" title="">Faire un Lien</a><br />

<span class="pucemenu">.:</span><a href="java script:bookmarksite('QI98 - Analyse de la mémoire', 'http://qi98.free.fr/')">Favoris</a><br />

</div>

<div class="blocktitle">Heure analogique</div>

<div class="blockcontent">

<div style="text-align:center">

<span style="color:#ffffff;">Vendredi 14 Mars 2008<br /> 12:04 </span> <br />

<object type="application/x-shockwave-flash" data="../images/clock.swf" width="123" height="119">

<param name="movie" value="../images/clock.swf" />

<param name="wmode" value="transparent" />

<p>Installez le plugin Flash pour voir l'animation : <a href=&quot;http://www.adobe.com/go/gntray_dl_getflashplayer_fr" title="LienPlugin">Cliquez ici pour le télécharger</a></p>

</object>

</div>

</div>

<div class="blocktitle">Partenaires</div>

<div class="blockcontent">

<div style="text-align:center">

<a href=&quot;http://www.comhosts.fr/" onclick="window.open(this.href); return false;" title="" style="border:none;">

<img src="../partenaires/images/comhosts88-19.jpg" width="88" height="19" alt="" /></a><br /><br />

<a href=&quot;http://www.comscripts.com/" onclick="window.open(this.href); return false;" title="" style="border:none;">

<img src="../partenaires/images/comscripts88-17.jpg" width="88" height="17" alt="" /></a><br /><br />

<a href=&quot;http://www.lelogicielgratuit.com/" onclick="window.open(this.href); return false;" title="" style="border:none;">

<img src="../partenaires/images/logiciel_gratuit88-68.jpg" width="88" height="68" alt="" /></a><br /><br />

<a href=&quot;http://espacefr.com/" onclick="window.open(this.href); return false;" title="" style="border:none;">

<img src="../partenaires/images/espace_francophone88-37.jpg" width="88" height="37" alt="" /></a><br /><br />

<a href=&quot;http://www.logitheque.com/" onclick="window.open(this.href); return false;" title="" style="border:none;">

<img src="../partenaires/images/logitheque88-30.jpg" width="88" height="30" alt="" /></a><br /><br />

<a href=&quot;http://www.gratuiciel.com/" onclick="window.open(this.href); return false;" title="" style="border:none;">

<img src="../partenaires/images/gratuiciel88-24.jpg" width="88" height="24" alt="" /></a><br /><br />

<a href=&quot;http://www.pcastuces.com/" onclick="window.open(this.href); return false;" title="" style="border:none;">

<img src="../partenaires/images/pcastuces88-33.jpg" width="88" height="33" alt="" /></a><br /><br />

</div>

</div>

<div class="blocktitle">Référencement</div>

<div class="blockcontent">

<div style="text-align:center">

<a href=&quot;http://www.toocharger.com/" onclick="window.open(this.href); return false;" title=""><img src=&quot;http://www.toocharger.com/img/etoiles/new_etoiles_3.png" style="border: 0px;width:89px;height:29px" alt="" /></a>

</div>

</div>

<div class="blocktitle">Outils Google</div>

<div class="blockcontent">

<div style="text-align:center">

<a href=&quot;http://www.sitemapspal.com/" onclick="window.open(this.href); return false;" title=""><img src=&quot;http://www.sitemapspal.com/images/120x60.gif" style="border: 0px;width:120px;height:60px;" alt="" /></a>

</div>

</div>

<br /><br /></td>

</tr>

<tr>

<td colspan="3"><div id="foot">

<br /><br />

<a href="java script:scroll(0,0);"><span class="hautdepage" title="Haut de page"></span></a>

<br />

<a href="../index.php?page=5&id=Sitemap">Plan du site</a> -

<a href="../apropos/index.php">Profil</a>

<br />

Copyright © 1998-2008 JLB59 - <a href="mailto:jl.bouchez_at_free.fr" onmouseover="this.href=this.href.replace(RegExp('(_at_)','g'),'@')">Contact</a>

<br />

195760 visiteurs   5 connectés   58 aujourdhui

<br />

Mise à jour : 14/03/2008

<br /><br />

</div></td>

</tr>

</table>

</body>

</html>

[jlb59]

Non Dadou, c'est pas ça, mais comme j'ai changé de DOCTYPE, il y a quelques éléments qui diffèrent, surtout la bonne syntaxe.

Alors, j'avance à petit pas et j'essaie de comprendre.

Par exemple :

le ID à la place de NAME. Sur le livre que j'ai, il n'y a pas d'explication pour savoir où les mettre.

le BR, l'IMG, le INPUT, qui contiennent l'anti-slash à la fin.

La séparation obligatoire de certains éléments, comme tu me l'as fait remarqué.

Bref, avant qu'apparaisse W3C, je faisais au plus simple et ne pouvais voir s'il y avait erreur ou pas (1993-2002) sur les pages.

Ce que je comprends pas c'est pourquoi les pages s'affichent bien même si elles sont bourrées d'erreurs ! Une histoire d'indexation peut-être ?

Tu peux me dire ça ? Merci.

[Dadou]

Comment ça non, j'ai passé le code que je viens de te fournir au validateur, et c'est ok pour lui.

Les pages s'affichent quand même parce que les navigateurs passent outre les erreurs, mais en fait c'est pas aider le dev qui se cantonne à un code approximatif et pour la plupart du temps non structuré

Tu as choisis comme doctype XHTML strict, et c'est à cause de la règle du xhtml : Toute balise ouvrante doit avoir une fermeture, pour les balises particulières comme img, br, hr il faut du coup mettre /> à la fin, comme cela elles sont fermées.

Ensuite, le XHML se veut être un langage structuré, donc avec des règles d'imbrications strictes, d'où un champs input doit être dans un conteneur spécifique.

L'id à la place de name, c'est essentiellement un problème de terme, un nom n'est pas obligatoirement unique alors qu'un identifiant oui

[jlb59]

Comment ça non, j'ai passé le code que je viens de te fournir au validateur, et c'est ok pour lui.

Je me suis peut-être mal expliqué; comme je l'ai dit, j'ai changé de DOCTYPE.

Avant, il était en TRANSITIONAL et pratiquement toutes les pages étaient valides.

Maintenant, en STRICT, il y toutes les pages à vérifier et à corriger avec les règles du Xhtml.

Au départ, elles étaient en Html, puis Dhtml et maintenant Xhtml. Ca devient de plus en plus ardu !

C'est un peu confus pour moi et il me faut essayer d'apprendre pour ne pas trop avoir de problèmes par la suite; surtout pour les règles.

Tiens, au sujet de "< ![DATA[.....]]>, et bien je n'avais jamais entendu parler de ça. Je n'en ai eu vent que la semaine dernière (par les forums et par mon livre).

Alors maintenant, il faut savoir où le placer et quand.

Tu vois, j'ai encore beaucoup à apprendre avec Xhtml.

[captain_torche]

Quel est l'intérêt pour toi de passer en doctype strict ? Cela t'apporte quoi ?

[Dadou]

A ce que je vois aucun, de même que le passage du html au xhml puisque la dissociation présentation / contenu n'est pas correctement prise en compte. Le document ici présent est certes validé par les outils automatisés, il n'est reste pas moins qu'il est loin d'y être

[jlb59]

Je pense que c'est pour être plus conforme avec certaines syntaxes dans des éléments qui ne peut être validés avec W3C.

Comme sur bon nombre de forums, je lisais des posts qui faisaient allusion à des syntaxes ou autres et que je n'avais jamais utilisées (quand j'étais en Transitional) et qui ne passaient pas, le meilleurs moyen était de mettre en Strict.

Comme ça mes anciens codes comme ceux que j'ai et ceux développés avec la nouvelle syntaxe seront plus facile à gérer, surtout au moment de la validation.

En bref, le Strict peut gérer aussi bien mes anciens et nouveaux codes.

C'est la réponse que tu voulais, Docteur ? (Ha, Ha!)

[jlb59]

J'en suis convaincu Dadou, mais au moins le plus gros est fait !

Quoiqu'il y ait encore des problèmes auxquels je ne peux répondre.

Par exemple, je valide un répertoire où sont certaines pages, et c'est OK.

Mais quand je fais la même chose avec un autre répertoire et corrige pour valider, et que je re-valide le 1er répertoire, là j'ai encore des erreurs.

Donc, j'ai dû faire une erreur quelque part !...

Cela ne vient pas forcément des pages puisqu'elles sont correctes (je parle du 1er rép.) mais, bien que W3C m'affiche la ligne où est l'erreur, il m'est difficile de savoir dans quel fichier c'est.

Surtout que ces fichiers sont très ressemblants !

Tu me comprends ?