Bonjour,
je suis actuellement en train de travailler sur un site internet (je ne suis pas professionnel dans le domaine) et j'essaie de le rendre valide HTML5 via le W3C Validator.
J'ai déjà corrigé quelques erreurs mais maintenant je suis confronté à quelques "impasses".
Le site comporte 5 pages, autant dire que c'est un petit projet (mais un gros pour moi).
Aussi je sollicite un petit coup de main de la part de ceux qui on le temps (et l'envie)
Tout d'abord l'index :
10 Errors, 4 warning(s)
Pour info le code ressemble à ça :
Ligne 47:
Ici j'ai bien peur que ça vienne du fait que du CSS se trouve dans le code Iframe récupéré sur Facebook... j'imagine qu'il n'a rien à faire dans le .html et devrait se trouver dans la feuille de style mais c'est un peu problématique ....
Ensuite, c'est le même problème qui se reproduit plusieurs fois, un exemple :
Sur les autres pages, c'est le même problème à la ligne 47 (sur toutes les pages...)
et encore des " Duplicate ID presentation", "The first occurrence of ID presentation was here"
J'ai une page bourrée d'erreur, en fait bourrée de la même erreur qui est :
Voici la ligne 136 :
Je ne comprend pas où le validateur voit un problème ici ...
Dans mon code :
J'ai bien conscience que j'en demande beaucoup, mais je relativise aussi et me dit qu'il n'y a pas "tant" d'erreurs que ça et j'aimerai bien rendre ça un peu plus "propre"
D'avance merci à tout ceux qui jetteront un oeil à mes problèmes !
Modifié par sat39 (25 May 2011 - 16:10)
je suis actuellement en train de travailler sur un site internet (je ne suis pas professionnel dans le domaine) et j'essaie de le rendre valide HTML5 via le W3C Validator.
J'ai déjà corrigé quelques erreurs mais maintenant je suis confronté à quelques "impasses".
Le site comporte 5 pages, autant dire que c'est un petit projet (mais un gros pour moi).
Aussi je sollicite un petit coup de main de la part de ceux qui on le temps (et l'envie)
Tout d'abord l'index :
10 Errors, 4 warning(s)
Line 47, Column 333: The scrolling attribute on the iframe element is obsolete. Use CSS instead.
…overflow:hidden; width:200px; height:365px;" allowTransparency="true"></iframe>
Line 47, Column 333: The frameborder attribute on the iframe element is obsolete. Use CSS instead.
…overflow:hidden; width:200px; height:365px;" allowTransparency="true"></iframe>
Line 47, Column 333: The allowtransparency attribute on the iframe element is obsolete. Use CSS instead.
…overflow:hidden; width:200px; height:365px;" allowTransparency="true"></iframe>
Line 133, Column 10: No p element in scope but a p end tag seen.
</p>
Line 137, Column 24: Duplicate ID nouvelles.
<p id="nouvelles">
Line 127, Column 24: The first occurrence of ID nouvelles was here.
<p id="nouvelles">
Line 143, Column 10: No p element in scope but a p end tag seen.
</p>
Line 147, Column 20: Duplicate ID nouvelles.
<p id="nouvelles">
Line 127, Column 24: The first occurrence of ID nouvelles was here.
<p id="nouvelles">
Line 154, Column 6: No p element in scope but a p end tag seen.
</p>
Line 158, Column 20: Duplicate ID nouvelles.
<p id="nouvelles">
Line 127, Column 24: The first occurrence of ID nouvelles was here.
<p id="nouvelles">
Line 165, Column 6: No p element in scope but a p end tag seen.
</p>
Pour info le code ressemble à ça :
Ligne 47:
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FBICOMRP&width=200&colorscheme=light&show_faces=true&stream=false&header=false&height=365" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:365px;" allowTransparency="true"></iframe>
Ici j'ai bien peur que ça vienne du fait que du CSS se trouve dans le code Iframe récupéré sur Facebook... j'imagine qu'il n'a rien à faire dans le .html et devrait se trouver dans la feuille de style mais c'est un peu problématique ....
Ensuite, c'est le même problème qui se reproduit plusieurs fois, un exemple :
<section>
<p id="nouvelles">
<img src="img/news/news_blabla.jpg" alt="blabla" />
<h2>blabla</h2>
<h3>blablaF</h3>
blablabla
<br><br><br><br>
</p>
<hr class="blanc"> <!-- barre horizontale -->
<br>
<p id="nouvelles">
<img src="img/news/news_blabla.jpg" alt="blabla" />
<h2>blabla</h2>
<h3>blabla</h3>
blabla
<br><br><br><br>
</p>
<hr class="blanc"> <!-- barre horizontale -->
... et ainsi de suite jusqu'à :
</section>
Sur les autres pages, c'est le même problème à la ligne 47 (sur toutes les pages...)
et encore des " Duplicate ID presentation", "The first occurrence of ID presentation was here"
J'ai une page bourrée d'erreur, en fait bourrée de la même erreur qui est :
Line 136, Column 226: Bad value 125px for attribute height on element img: Expected a digit but saw p instead.
…t="125px" alt="blabla" title="blabla"/></a>
Syntax of non-negative integer:
One or more digits (0–9). For example: 42 and 0 are valid, but -273
Voici la ligne 136 :
<figure>
<a href="http://www.blabla.html" target="blank"><img src="../img/logos/accessoires/blabla.jpg" width="125px" height="125px" alt="blabla" title="blabla"/></a>
Je ne comprend pas où le validateur voit un problème ici ...
Line 136, Column 33: The name attribute is obsolete. Consider putting an id attribute on the nearest container instead.
<h2><a name="ancre1"></a>Nom de mon ancre1…
Dans mon code :
<h2><a name="ancre1"></a>Nom de mon ancre1</h2>
J'ai bien conscience que j'en demande beaucoup, mais je relativise aussi et me dit qu'il n'y a pas "tant" d'erreurs que ça et j'aimerai bien rendre ça un peu plus "propre"
D'avance merci à tout ceux qui jetteront un oeil à mes problèmes !
Modifié par sat39 (25 May 2011 - 16:10)