Probleme validation HTML: DIV

[edufle]

Je me suis décidé à passer mon site au validateur HTML de W3, histoire de....

Bon, ça s'annonce comme du boulot >_<;;

J'ai quand même corrigé pas mal de choses sur la page d'accueil et les autres n'ont qu'à bien se tenir mais il me reste tout de même 1 erreur qui revient et mes recherches n'ont rien données (à noter aussi que je suis une biquette en HTML)

Voilà l'erreur:
document type does not allow element "DIV" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag

et la page du validateur:
ici

Apparemment, c'est une erreur qui peut avoir beaucoup de causes différentes et je ne vois pas du tout d'où ça vient dans mon cas.

Merci de votre aide ^^

 

[Monique]

Bonjour,

Pour travailler, utilise plutôt le validateur du WDG, il est beaucoup plus clair et complet dans ses explications.
Il est même plus sévère que celui du W3C, que tu peux utiliser en dernier lieu.

Ligne 142 par exemple, il me dit ceci :

Error: element DIV not allowed here; possible cause is an inline element containing a block-level element

Tu cliques sur inline element pour apprendre que font en fait partie, puis sur block-level element pour apprendre ue div en fait partie...

Remplace div par p, cela devrait être bon :wink:
Remplace aussi

<br /> (pas valide en html 4.01) par <br>

Une question : pourquoi utilises-tu la balise font alors que tu as une feuille de style ?

Amicalement,
Monique

 

[edufle]

Super merci Monique pour ces informations.
Malheureusement, je viens de changer les DIV par P mais apparemment, le html 4.01 n'en veux toujours pas (même erreur: Error: element P not allowed here; possible cause is an inline element containing a block-level element).

De plus, ça me change un peu la présentation et je crois que c'est un peu moins bien T_T
Alors, je vais sans doute repasser avec mes div en attendant mieux (d'autres suggestions??? siouplait... o.o''~~ )

Bon me revoilà à la case départ sauf que j'ai un nouveau validateur (merci pour le lien ^^)

Pour la balise font, c'est très simple:
-j'utilise un squelette que je n'ai pas fait (mais que j'ai un peu modifié en rajoutant des boucles, pas des balises)
- je suis nul en HTML donc ça n'a pas pu me choquer.

résultat des courses, je me retrouve avec encore plus de boulot >_<;;

dure dure la vie de webmestre ^^

 

[Monique]

Ce matin je disposais de peu de temps :?

En fait, il faut bien utiliser la balise p, mais deux fois, comme ceci (exemple pour la ligne 142)

<div class="texte_trait_bas">
<p><a href="article62.html"><img src='IMG/arton62.png' align='right'  name='image1'  border='0' ALT='' hspace='3' vspace='3' class='spip_logos'><img src="puce.gif" alt="fle " border="0">Ressources internet pour la phonétique du F.L.E</a><font size="2">, le 17 septembre<br>Cet article présente des références présentes sur la Toile dont l'utilisation peut-être un atout pour la didactique de la phonétique. (Synthèse d'analyses et de conférences de l'auteur).</p>
<p align="right"><a href="article62.html">Lire la suite</a></p></font>
</div>

Ainsi, le validateur ne grince plus

Bon courage, tu y arriveras !

Amicalement,
Monique

 

[edufle]

Zut zut zut, ça fonctionne toujours pas. Du coup, j'ai remis la première version qui a le mérite d'avoir une présentation plus propre.

voilà ce que ça me donne:

Below are the results of attempting to parse this document with an SGML parser.



Line 141, column 156: end tag for "FONT" omitted, but its declaration does not permit this (explain...).
...bert&» et de ses versions filmées.</p>
^


Line 139, column 294: start tag was here (explain...).
...Le Colonel Chabert", cours 7 à 10</a><font size="2">,
^


Line 143, column 21: end tag for element "FONT" which is not open (explain...).
</font></div>

et avec les lignes en cause

139:             <div class="texte_trait_bas"><p><a href="article60.html"><img src='IMG/arton60.png' align='right'  name='image1'  border='0' ALT='' hspace='3' vspace='3' class='spip_logos'><img src="puce.gif" alt="fle " title="" border="0">Exercices autour de "Le Colonel Chabert", cours 7 à 10</a><font size="2">, 
 140:                le 21 septembre<br>
 141:               Troisième et dernière partie de notre série sur la nouvelle d'Honoré de Balzac «&Le Colonel Chabert&» et de ses versions filmées.</p>
 142:               <p align="right"><a href="article60.html">Lire la suite</a></p>
 143:                </font></div>

Pourquoi es-tu si méchant, HTML? T_T

Bon je sais que si j'y connaissais quelque chose ça pourrait être plus facile alors dès que je touche ma paye, je m'achète un bouquin là-dessus...
D'ailleurs si il y a une référence incontournable sur le respect des normes html (en anglais car sinon c'est même pas la peine que j'essaye de commander un bouquin en français ici), je suis preneur ^^

miciiii

 

[Monique]

Bonjour,

A propos de livre, n'achète surtout pas n'importe quoi...
J'ai vu quelque part un titre, mais je ne sais plus où , je cherche

Par contre des sites indispensables
http://openweb.eu.org/
http://pompage.net/

Tu y trouveras d'autres liens tout aussi indispensables, en français et en anglais, comme le site du W3C bien sûr.

Très complet aussi
http://www.selfhtml.com.fr/

Pour ton erreur : une balise font doit être ouverte et fermée dans un même paragraphe.
Tu devrais donc écrire quelque chose comme

<p><font size="1">texte 1</font></p>
<p><font size="1">texte 2</font></p>

Amicalement,
Monique

 

[edufle]

Merci pour tous ces conseils et ces indications de pages très bien faites.

Je vais déjà tout passé en CSS comme tu l'as fait remarqué dans ta premère réponse et après on y verra plus clair.

Je ne sais pas quand je pourrais faire ça mais là je n'ai plus d'excuses ^^

Merciiiiii