[résolu] Validation w3c erreur

[CaZz]

Bonjour,

Je souhaite passer mon site en ligne, or le "validateur" w3c me met 3 erreurs.

Si quelqu'un s'y connaît et sait comment résoudre ces erreurs je serais bien content

 

Voici les erreurs :

Line 135, Column 100: document type does not allow element "link" here

…" type="text/css" href="/prestashop/modules/imagesenlarge/imagesenlarge.css" />

?

The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

 

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

Line 137, Column 18: there is no attribute "language"

<script language="javascript" type="text/javascript">

?

You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

 

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

 

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.

Line 755, Column 82: document type does not allow element "meta" here

…eta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />

?

The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

 

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

Line 757, Column 118: document type does not allow element "link" here

… media="screen,projection" href="/prestashop/modules/totop/css/ui.totop.css" />

?

The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

 

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

 

Le lien du site : www.blancdirect.eu/prestashop

Ca serais vraiment génial si quelqu'un pouvait trouver ... !!

 

Merci !

CaZ

Edited May 31, 2012 by CaZz (see edit history)

[manouille]

Erreur 1 : appel a une feuille de style au mauvais endroit.

 

Essaie de greffer le module 'imagesenlarge" sur le header en plus de la ou il est maintenant. Si le module est bien fait l'appel se fera au bon endroit.

 

 

Erreur 2 : language et type sont en doublon.

 

Un appel javascript ca se fait comme cela sans l'élément language. Voit a le supprimer dans le php du module "imagesenlarge" :

<script type="text/javascript" src="lien vers mon js"></script>

 

Erreur 3 et 4 : module totop ? qui déclare une meta et un appel dans le body.

 

Meme solution que 1

Edited May 22, 2012 by manouille (see edit history)

[CaZz]

Merci beaucoup manouille.

 

Je vais regarder ça et je reposterai au cas oui je n'y arriverais pas!

[CaZz]

Bonjour manouille,

 

Je reviens pour avoir des renseignements en plus.

J'ai réussit a corriger l'erreur concernant le javascript ou il suffisait de supprimer "language..".

Cependant je n'arrive pas a supprimer les autres erreurs concernant les modules.

 

En suivant vos informations, j'ai copier tout le code html de imagesenlarge.tpl et totop.tpl dans le header dans <head> mais cela ne change rien.

 

Puis-je avoir de plus ample information pour corriger ces erreurs ?

 

Merci.

[manouille]

Bonjour,

 

je me rends compte que je n'ai pas été très clair.

 

Il ne faut pas copier le code dans la partie head mais via le back office greffer ces modules sur le hook header.

Dans module --> position --> greffer un module.

[CaZz]

Ah oui c'est différent, je ne connaissais pas.

 

Donc je le greffe dans "header of page" ? < ne répond plus a cette question j'ai trouvé.

 

Mais ça ne marche pas (surement mal codé a la base), donc je vais toucher au .php pour le mettre directement dans header (ou un autre je ne sais pas).

 

Question : t'y connais tu un peu en php, cela me permetrai de te demander directement la solution

 

Car il faut toucher

function hookTop($params)
{
 global $smarty;
 $smarty->assign('animationStatus', intval(Configuration::get('PS_DEFAULT_IE_ANIMATION')));
 $smarty->assign('extendedZoom', intval(Configuration::get('PS_DEFAULT_IE_EXTENDEDZOOM')));
 return $this->display(__FILE__, 'imagesenlarge.tpl');
}

Edited May 30, 2012 by CaZz (see edit history)

[Johann]

pour le pb de validation W3C avec le module ToTop, vous pouvez en trouver une version corrigée (et donc valide) ici :

http://www.johanncorbel.fr/modules-prestashop/

[CaZz]

Merci beaucoup Johann.

Par simple curiosité, qu'est ce qui a été corrigé par rapport a la version qui ne marchait pas (et que j'avais) ?

 

Sinon pour le module imagesenlarge une idée ?

[Johann]

Le module d'origine insère le lien de la css à l'endroit où le module est greffé. Alors que les css se chargent dans le header de la page. J'avais donc rajouté la gestion d'un hook dans le module, et à l'installation il se greffe également sur le hook header, pour insérer la css au bon endroit.

[CaZz]

Bonjour,

 

Merci pour ces informations.

J'avais également le même problème avec l'autre module "imagesenlarge".

 

A la suite des changements que vous avez apporté à totop, j'ai effectué quelques changements au niveau du module imagesenlarge :

 

J'ai rajouter à l'instal :

function install()
{
if (!parent::install() OR !$this->registerHook('top') OR !$this->registerHook('header'))
 return false;
 return true;
}

Le registerHook('header'), et une fonction pour le hook header :

public function hookHeader()
{
Tools::addCSS(($this->_path).'css/ui.imagesenlarge.css', 'all');
}

Ca marche toujours mais j'ai toujours l'erreur w3c concernant le link css qui n'est pas insèré au bonne endroit.

J'ai en plus greffer le module à "header of page" par le BO (comme m'avais expliqué manouille), mais toujours rien ne change.

 

Auriez vous une idée de ce qu'il faudrait changer du coup ?

Encore merci de prendre du temps pour me répondre.

 

cordialement,

CaZz

Edited May 31, 2012 by CaZz (see edit history)

[Johann]

peux-tu m'envoyer le zip du module que tu as modifié, que je regarde de mon coté ?

quand je teste ton site sur le W3C, je vois effectivement encore le chargement de la css au mauvais endroit, bizarre

[Johann]

module Images Enlarge également corrigé et dispo ici :

http://www.johanncorbel.fr/modules-prestashop

[CaZz]

Merci Johann pour l'aide apporté.

 

Je passe le sujet en résolu.

 

Les modules corrigés sur le site de Johann : http://www.johanncorbel.fr/modules-prestashop/