JeuWeb - Crée ton jeu par navigateur
Problème SVG - Version imprimable

+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : Problème SVG (/showthread.php?tid=4894)

Pages : 1 2 3 4


RE: Problème SVG - titnome - 09-06-2010

Je suis loins de passer au validateur...
62 Errors, 1 warning(s) ...

Toutes les erreurs détectées viennent de la partie SVG
J'ai fais ce que tu ma dis. C'est vrai que j'ai complètement oublié les namespace. Mais la il me trouve une erreur bidon ...

Code :
<svg:svg version="1.1" baseprofile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events" width="568" height="330">

Il ne comprend pas : xmlns:xlink="http://www.w3.org/1999/xlink"


RE: Problème SVG - Sephi-Chan - 09-06-2010

Alors utilise le namespace. Ça devrait donner quelque chose comme ça (le formatage en moins). Smile


<svgConfusedvg xmlns="http://www.w3.org/2000/svg:svg" xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:ev="http://www.w3.org/2001/xml-events" version="1.1" baseprofile="full"
width="568" height="330">
<svg:image x="244" y="1" width="82" height="82" xlink:href="0.png"/>
<svg:image x="284" y="21" width="82" height="82" xlink:href="0.png"/>
<svg:image x="324" y="41" width="82" height="82" xlink:href="0.png"/>
<svg:image x="364" y="61" width="82" height="82" xlink:href="0.png"/>
<svg:image x="404" y="81" width="82" height="82" xlink:href="0.png"/>
<svg:image x="444" y="101" width="82" height="82" xlink:href="0.png"/>
<svg:image x="484" y="121" width="82" height="82" xlink:href="0.png"/>
<svg:image x="204" y="21" width="82" height="82" xlink:href="0.png"/>
<svg:image x="244" y="41" width="82" height="82" xlink:href="0.png"/>
<svg:image x="284" y="61" width="82" height="82" xlink:href="0.png"/>
<svg:image x="324" y="81" width="82" height="82" xlink:href="0.png"/>
<svg:image x="364" y="101" width="82" height="82" xlink:href="0.png"/>
<svg:image x="404" y="121" width="82" height="82" xlink:href="0.png"/>
<svg:image x="444" y="141" width="82" height="82" xlink:href="0.png"/>
<svg:image x="164" y="41" width="82" height="82" xlink:href="0.png"/>
<svg:image x="204" y="61" width="82" height="82" xlink:href="0.png"/>
<svg:image x="244" y="81" width="82" height="82" xlink:href="0.png"/>
<svg:image x="284" y="101" width="82" height="82" xlink:href="0.png"/>
<svg:image x="324" y="121" width="82" height="82" xlink:href="0.png"/>
<svg:image x="364" y="141" width="82" height="82" xlink:href="0.png"/>
<svg:image x="404" y="161" width="82" height="82" xlink:href="0.png"/>
<svg:image x="124" y="61" width="82" height="82" xlink:href="0.png"/>
<svg:image x="164" y="81" width="82" height="82" xlink:href="0.png"/>
<svg:image x="204" y="101" width="82" height="82" xlink:href="0.png"/>
<svg:image x="244" y="121" width="82" height="82" xlink:href="0.png"/>
<svg:image x="284" y="141" width="82" height="82" xlink:href="0.png"/>
<svg:image x="324" y="161" width="82" height="82" xlink:href="0.png"/>
<svg:image x="364" y="181" width="82" height="82" xlink:href="0.png"/>
<svg:image x="84" y="81" width="82" height="82" xlink:href="0.png"/>
<svg:image x="124" y="101" width="82" height="82" xlink:href="0.png"/>
<svg:image x="164" y="121" width="82" height="82" xlink:href="0.png"/>
<svg:image x="204" y="141" width="82" height="82" xlink:href="0.png"/>
<svg:image x="244" y="161" width="82" height="82" xlink:href="0.png"/>
<svg:image x="284" y="181" width="82" height="82" xlink:href="0.png"/>
<svg:image x="324" y="201" width="82" height="82" xlink:href="0.png"/>
<svg:image x="44" y="101" width="82" height="82" xlink:href="0.png"/>
<svg:image x="84" y="121" width="82" height="82" xlink:href="0.png"/>
<svg:image x="124" y="141" width="82" height="82" xlink:href="0.png"/>
<svg:image x="164" y="161" width="82" height="82" xlink:href="0.png"/>
<svg:image x="204" y="181" width="82" height="82" xlink:href="0.png"/>
<svg:image x="244" y="201" width="82" height="82" xlink:href="0.png"/>
<svg:image x="284" y="221" width="82" height="82" xlink:href="0.png"/>
<svg:image x="4" y="121" width="82" height="82" xlink:href="0.png"/>
<svg:image x="44" y="141" width="82" height="82" xlink:href="0.png"/>
<svg:image x="84" y="161" width="82" height="82" xlink:href="0.png"/>
<svg:image x="124" y="181" width="82" height="82" xlink:href="0.png"/>
<svg:image x="164" y="201" width="82" height="82" xlink:href="0.png"/>
<svg:image x="204" y="221" width="82" height="82" xlink:href="0.png"/>
<svg:image x="244" y="241" width="82" height="82" xlink:href="0.png"/>
</svgConfusedvg>

N'hésitez pas à recoller ton code, qu'on voit où tu en es (avec une expiration de 1 jour, pour avoir le temps).
Et vire ce qu'il ne comprend pas (au moins pour tester).
Et teste aussi régulièrement dans Firefox, voir si ça fonctionne mieux.


Sephi-Chan


RE: Problème SVG - titnome - 09-06-2010

Je test sur firefox déjà. Je ferais les tests sur les autres navigateurs plus tard.

Le code que je trouve maintenant est celui la :
Code PHP :
<?php 
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
>
<
html xmlns="http://www.w3.org/1999/xhtml"
xmlns:svg="http://www.w3.org/2000/svg">
<
head>
<
meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
<
title>Mon village</title>
<
link rel="stylesheet" type="text/css" href="style_enligne.css"/>
</
head>
<
body>
<
div class="global">
<
div class="gauche">
</
div>
<
div class="droite">
<
div class="conteneur">
<
svg:svg version="1.1" baseprofile="full" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events" width="568" height="330">
<
svg:image x="244" y="1" width="82" height="82" xlink:href="0.png" />
<
svg:image x="284" y="21" width="82" height="82" xlink:href="0.png" />
<
svg:image x="324" y="41" width="82" height="82" xlink:href="0.png" />
<
svg:image x="364" y="61" width="82" height="82" xlink:href="0.png" />
<
svg:image x="404" y="81" width="82" height="82" xlink:href="0.png" />
<
svg:image x="444" y="101" width="82" height="82" xlink:href="0.png" />
<
svg:image x="484" y="121" width="82" height="82" xlink:href="0.png" />
<
svg:image x="204" y="21" width="82" height="82" xlink:href="0.png" />
<
svg:image x="244" y="41" width="82" height="82" xlink:href="0.png" />
<
svg:image x="284" y="61" width="82" height="82" xlink:href="0.png" />
<
svg:image x="324" y="81" width="82" height="82" xlink:href="0.png" />
<
svg:image x="364" y="101" width="82" height="82" xlink:href="0.png" />
<
svg:image x="404" y="121" width="82" height="82" xlink:href="0.png" />
<
svg:image x="444" y="141" width="82" height="82" xlink:href="0.png" />
<
svg:image x="164" y="41" width="82" height="82" xlink:href="0.png" />
<
svg:image x="204" y="61" width="82" height="82" xlink:href="0.png" />
<
svg:image x="244" y="81" width="82" height="82" xlink:href="0.png" />
<
svg:image x="284" y="101" width="82" height="82" xlink:href="0.png" />
<
svg:image x="324" y="121" width="82" height="82" xlink:href="0.png" />
<
svg:image x="364" y="141" width="82" height="82" xlink:href="0.png" />
<
svg:image x="404" y="161" width="82" height="82" xlink:href="0.png" />
<
svg:image x="124" y="61" width="82" height="82" xlink:href="0.png" />
<
svg:image x="164" y="81" width="82" height="82" xlink:href="0.png" />
<
svg:image x="204" y="101" width="82" height="82" xlink:href="0.png" />
<
svg:image x="244" y="121" width="82" height="82" xlink:href="0.png" />
<
svg:image x="284" y="141" width="82" height="82" xlink:href="0.png" />
<
svg:image x="324" y="161" width="82" height="82" xlink:href="0.png" />
<
svg:image x="364" y="181" width="82" height="82" xlink:href="0.png" />
<
svg:image x="84" y="81" width="82" height="82" xlink:href="0.png" />
<
svg:image x="124" y="101" width="82" height="82" xlink:href="0.png" />
<
svg:image x="164" y="121" width="82" height="82" xlink:href="0.png" />
<
svg:image x="204" y="141" width="82" height="82" xlink:href="0.png" />
<
svg:image x="244" y="161" width="82" height="82" xlink:href="0.png" />
<
svg:image x="284" y="181" width="82" height="82" xlink:href="0.png" />
<
svg:image x="324" y="201" width="82" height="82" xlink:href="0.png" />
<
svg:image x="44" y="101" width="82" height="82" xlink:href="0.png" />
<
svg:image x="84" y="121" width="82" height="82" xlink:href="0.png" />
<
svg:image x="124" y="141" width="82" height="82" xlink:href="0.png" />
<
svg:image x="164" y="161" width="82" height="82" xlink:href="0.png" />
<
svg:image x="204" y="181" width="82" height="82" xlink:href="0.png" />
<
svg:image x="244" y="201" width="82" height="82" xlink:href="0.png" />
<
svg:image x="284" y="221" width="82" height="82" xlink:href="0.png" />
<
svg:image x="4" y="121" width="82" height="82" xlink:href="0.png" />
<
svg:image x="44" y="141" width="82" height="82" xlink:href="0.png" />
<
svg:image x="84" y="161" width="82" height="82" xlink:href="0.png" />
<
svg:image x="124" y="181" width="82" height="82" xlink:href="0.png" />
<
svg:image x="164" y="201" width="82" height="82" xlink:href="0.png" />
<
svg:image x="204" y="221" width="82" height="82" xlink:href="0.png" />
<
svg:image x="244" y="241" width="82" height="82" xlink:href="0.png" />
</
svg:svg>
</
div>
</
div>
</
div>

<
div class="pied">
&
copy; - <a href="http://www.mon-village.biz">Mon village</a> - 2009 - 2010 - Tous droits r&eacute;serv&eacute;s.
</
div>
</
body>

</
html>



RE: Problème SVG - Sephi-Chan - 09-06-2010

Et ça fonctionne sur Firefox ? Sinon, quel est l'erreur ?


Sephi-Chan


RE: Problème SVG - titnome - 09-06-2010

Ca ne marche pas sous FF. L'erreur n'a pas bougé. J'ai toujours une erreur sur le .org de la vérification de cette ligne :
<svgConfusedvg version="1.1" baseprofile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events" width="568" height="330">


RE: Problème SVG - Sephi-Chan - 09-06-2010

Conserve seulement :

<svgConfusedvg version="1.1" baseprofile="full" width="568" height="330">


Et si ça ne fonctionne toujours pas, tu définis ces namespaces dans la balise html :


<html xmlns="http://www.w3.org/1999/xhtml"
xmlnsConfusedvg="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:ev="http://www.w3.org/2001/xml-events">


Sephi-Chan


RE: Problème SVG - titnome - 09-06-2010

Erreur d'analyse XML : mal formé
Emplacement : http://localhost/jeu.php
Numéro de ligne 51, Colonne 39 :
<svgConfusedvg version="1.1" baseprofi ? e="full" width="568" height="330">
--------------------------------^

Voici l'erreur


RE: Problème SVG - Sephi-Chan - 09-06-2010

Regarde plus globalement ton document, là Firefox ne te donne pas quelque chose de cohérent. Or, il faut que ton document soit impec.


Sephi-Chan


RE: Problème SVG - titnome - 09-06-2010

Pour moi l'ensemble du document est cohérent. J'ai corrigé toute les fautes que me trouvait la W3C, j'ai fais les modifications que tu ma conseillées mais je sais pas. La je block. Ca fait deux jours que je tourne autour du problème.


RE: Problème SVG - Sephi-Chan - 09-06-2010

Essaye de virer plein de balises, puis de les remettre peu à peu. Il doit y avoir quelque chose qui échappe à ton contrôle. Smile


Sephi-Chan