Code qui change tout seul

par LouSheeta Dim 4 Jan 2015 - 11:52

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Dès la validation du code après une correction
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,

Voila j'ai un soucis. Quand je place un code dans le panneau d'administration (page d'accueil), et que je le valide, il fonctionne correctement. Mais dès lors que je reviens sur la page (sans rien modifier) mon code passe de ça :

Code::  <section id="accueil"> <article id="postesvacants"> <div class="pvcontent"> <div id="1" style="background-image: url('http://nsm08.casimages.com/img/2015/01/02//15010212595212157312839638.png')"></div> <div id="2" style="background-image: url('http://nsm08.casimages.com/img/2015/01/02//15010212595212157312839638.png')"></div> <div id="3" style="background-image: url('http://nsm08.casimages.com/img/2015/01/02//15010212595212157312839638.png')"></div> <div id="4" style="background-image: url('http://nsm08.casimages.com/img/2015/01/02//15010212595212157312839638.png')"></div> <div style="box-shadow:none" id="empty"></div> <div id="5" style="background-image: url('http://nsm08.casimages.com/img/2015/01/02//15010212595212157312839638.png')"></div> <div id="6" style="background-image: url('http://nsm08.casimages.com/img/2015/01/02//15010212595212157312839638.png')"></div> <div id="7" style="background-image: url('http://nsm08.casimages.com/img/2015/01/02//15010212595212157312839638.png')"></div> <div id="8" style="background-image: url('http://nsm08.casimages.com/img/2015/01/02//15010212595212157312839638.png')"></div> </div> <div id="link"> <a href="">Plus</a> | <a href="">Le vôtre ?</a> </div> </article> <article id="topsite"> <figure> <a href="http://www.root-top.com/topsite/yami/in.php?ID=3031" target="_blank"><img src="http://nsm08.casimages.com/img/2015/01/02//15010212595812157312839641.png" class="vote" /></a> <a href="http://www.root-top.com/topsite/lulu06/in.php?ID=951" target="_blank"><img src="http://nsm08.casimages.com/img/2015/01/02//15010212595812157312839641.png" class="vote" /></a> <a href="http://www.root-top.com/topsite/moonlighttoprpg/in.php?ID=2209" target="_blank"><img src="http://nsm08.casimages.com/img/2015/01/02//15010212595812157312839641.png" class="vote" /></a> <a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=2357" target="_blank"><img src="http://nsm08.casimages.com/img/2015/01/02//15010212595812157312839641.png" class="vote" /></a> <a href="http://www.root-top.com/topsite/velusia/in.php?ID=3486" target="_blank"><img src="http://nsm08.casimages.com/img/2015/01/02//15010212595812157312839641.png" class="vote" /></a> <a href="http://www.root-top.com/topsite/abysses/in.php?ID=5099" target="_blank"><img src="http://nsm08.casimages.com/img/2015/01/02//15010212595812157312839641.png" class="vote" /></a> </figure> </article> <article id="nouveautes"> <p>date : nouveauté</p> <p>date : nouveauté</p> <p>date : nouveauté</p> <p>date : nouveauté</p> </article> <p style="clear:both; line-height: 0px; height: 1px;"></p> <article id="coupcoeur"> <h4 id="titlecdc">Titre</h4> <figure> <img src="http://nsm08.casimages.com/img/2015/01/02//15010212595212157312839638.png" id="cdc" /> </figure> <p>auteur<br> ft. participant1, participant2, etc</p> </article> <article id="contexte"> <p>« Quand est-ce que tout cela a commencé ? Quand Magaly de Sombre a libéré des forces indicibles en Amérique du Sud ? A la prise de Tortuga et sa libération par le Capitaine ? A la bataille de Singapour ? Plus tard encore, quand la Flotte des Nations a coulé dans la tempête et les survivants ont été massacré par Le Capitaine ? Ou des éons avant...<br></p> <div class="suite"><a href="" target="_blank">Suite</a></div> </article> <article id="liensutiles"> <ul> <a href="" target="_blank"><li>ekq nfjks ncds</li></a> <a href="" target="_blank"><li>lien</li></a> <a href="" target="_blank"><li>lien</li></a> <a href="" target="_blank"><li>lien</li></a> <a href="" target="_blank"><li>lien</li></a> <a href="" target="_blank"><li>lien</li></a> <a href="" target="_blank"><li>lien</li></a> <a href="" target="_blank"><li>lien</li></a> <a href="" target="_blank"><li>lien</li></a> </ul> </article> <article id="partenariat"> <ul> <marquee direction="left" scrollamount="2"> <a href="" target="_blank"><li><img src="http://nsm08.casimages.com/img/2015/01/02//15010212592612157312839636.jpg" /></li></a> <a href="" target="_blank"><li><img src="http://nsm08.casimages.com/img/2015/01/02//15010212591512157312839633.jpg" /></li></a> <a href="" target="_blank"><li><img src="http://nsm08.casimages.com/img/2015/01/02//15010212592112157312839634.jpg" /></li></a> <a href="" target="_blank"><li><img src="http://nsm08.casimages.com/img/2015/01/02//15010212591412157312839632.jpg" /></li></a> <a href="" target="_blank"><li><img src="http://nsm08.casimages.com/img/2015/01/02//15010212592612157312839636.jpg" /></li></a> <a href="" target="_blank"><li><img src="http://nsm08.casimages.com/img/2015/01/02//15010212591512157312839633.jpg" /></li></a> <a href="" target="_blank"><li><img src="http://nsm08.casimages.com/img/2015/01/02//15010212592112157312839634.jpg" /></li></a> <a href="" target="_blank"><li><img src="http://nsm08.casimages.com/img/2015/01/02//15010212591412157312839632.jpg" /></li></a> <a href="" target="_blank"><li><img src="http://nsm08.casimages.com/img/2015/01/02//15010212592412157312839635.jpg" /></li></a> </marquee> </ul> </article> <p style="clear:both;"></p> </section>

a ça :

Code::  <section id="accueil"> <article id="postesvacants"> </article></section> <div class="pvcontent"> <div style="background-image: url('http://nsm08.casimages.com/img/2015/01/02//15010212595212157312839638.png')" id="1"> </div> <div style="background-image: url('http://nsm08.casimages.com/img/2015/01/02//15010212595212157312839638.png')" id="2"> </div> <div style="background-image: url('http://nsm08.casimages.com/img/2015/01/02//15010212595212157312839638.png')" id="3"> </div> <div style="background-image: url('http://nsm08.casimages.com/img/2015/01/02//15010212595212157312839638.png')" id="4"> </div> <div id="empty" style="box-shadow:none"> </div> <div style="background-image: url('http://nsm08.casimages.com/img/2015/01/02//15010212595212157312839638.png')" id="5"> </div> <div style="background-image: url('http://nsm08.casimages.com/img/2015/01/02//15010212595212157312839638.png')" id="6"> </div> <div style="background-image: url('http://nsm08.casimages.com/img/2015/01/02//15010212595212157312839638.png')" id="7"> </div> <div style="background-image: url('http://nsm08.casimages.com/img/2015/01/02//15010212595212157312839638.png')" id="8"> </div> </div><section id="accueil"><article id="postesvacants"> </article></section> <div id="link"> <a href="">Plus</a> | <a href="">Le vôtre ?</a> </div><section id="accueil"><article id="postesvacants"></article> <article id="topsite"></article> <figure></figure> <a target="_blank" href="http://www.root-top.com/topsite/yami/in.php?ID=3031"></a><img class="vote" src="http://nsm08.casimages.com/img/2015/01/02//15010212595812157312839641.png" /> <a target="_blank" href="http://www.root-top.com/topsite/lulu06/in.php?ID=951"></a><img class="vote" src="http://nsm08.casimages.com/img/2015/01/02//15010212595812157312839641.png" /> <a target="_blank" href="http://www.root-top.com/topsite/moonlighttoprpg/in.php?ID=2209"></a><img class="vote" src="http://nsm08.casimages.com/img/2015/01/02//15010212595812157312839641.png" /> <a target="_blank" href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=2357"></a><img class="vote" src="http://nsm08.casimages.com/img/2015/01/02//15010212595812157312839641.png" /> <a target="_blank" href="http://www.root-top.com/topsite/velusia/in.php?ID=3486"></a><img class="vote" src="http://nsm08.casimages.com/img/2015/01/02//15010212595812157312839641.png" /> <a target="_blank" href="http://www.root-top.com/topsite/abysses/in.php?ID=5099"></a><img class="vote" src="http://nsm08.casimages.com/img/2015/01/02//15010212595812157312839641.png" /> <article id="nouveautes"> </article></section> <p> date : nouveauté </p><section id="accueil"><article id="nouveautes"> </article></section> <p> date : nouveauté </p><section id="accueil"><article id="nouveautes"> </article></section> <p> date : nouveauté </p><section id="accueil"><article id="nouveautes"> </article></section> <p> date : nouveauté </p><section id="accueil"><article id="nouveautes"></article> </section> <p style="clear: both; line-height: 0px; height: 1px;"> </p><section id="accueil"> <article id="coupcoeur"> </article></section> <h4 id="titlecdc"> Titre </h4><section id="accueil"><article id="coupcoeur"> <figure></figure> <img id="cdc" src="http://nsm08.casimages.com/img/2015/01/02//15010212595212157312839638.png" /> </article></section> <p> auteur<br /> ft. participant1, participant2, etc </p><section id="accueil"><article id="coupcoeur"></article> <article id="contexte"> </article></section> <p> « Quand est-ce que tout cela a commencé ? Quand Magaly de Sombre a libéré des forces indicibles en Amérique du Sud ? A la prise de Tortuga et sa libération par le Capitaine ? A la bataille de Singapour ? Plus tard encore, quand la Flotte des Nations a coulé dans la tempête et les survivants ont été massacré par Le Capitaine ? Ou des éons avant...<br /> </p><section id="accueil"><article id="contexte"> </article></section> <div class="suite"> <a target="_blank" href="">Suite</a> </div><section id="accueil"><article id="contexte"></article> <article id="liensutiles"> </article></section> <ul> <a target="_blank" href=""></a> <li> ekq nfjks ncds </li><a target="_blank" href=""></a> <a target="_blank" href=""></a> <li> lien </li><a target="_blank" href=""></a> <a target="_blank" href=""></a> <li> lien </li><a target="_blank" href=""></a> <a target="_blank" href=""></a> <li> lien </li><a target="_blank" href=""></a> <a target="_blank" href=""></a> <li> lien </li><a target="_blank" href=""></a> <a target="_blank" href=""></a> <li> lien </li><a target="_blank" href=""></a> <a target="_blank" href=""></a> <li> lien </li><a target="_blank" href=""></a> <a target="_blank" href=""></a> <li> lien </li><a target="_blank" href=""></a> <a target="_blank" href=""></a> <li> lien </li><a target="_blank" href=""></a> </ul><section id="accueil"><article id="liensutiles"></article> <article id="partenariat"> </article></section> <ul> <marquee scrollamount="2" direction="left"> <a target="_blank" href=""></a> <li> <img src="http://nsm08.casimages.com/img/2015/01/02//15010212592612157312839636.jpg" /> </li><a target="_blank" href=""></a> <a target="_blank" href=""></a> <li> <img src="http://nsm08.casimages.com/img/2015/01/02//15010212591512157312839633.jpg" /> </li><a target="_blank" href=""></a> <a target="_blank" href=""></a> <li> <img src="http://nsm08.casimages.com/img/2015/01/02//15010212592112157312839634.jpg" /> </li><a target="_blank" href=""></a> <a target="_blank" href=""></a> <li> <img src="http://nsm08.casimages.com/img/2015/01/02//15010212591412157312839632.jpg" /> </li><a target="_blank" href=""></a> <a target="_blank" href=""></a> <li> <img src="http://nsm08.casimages.com/img/2015/01/02//15010212592612157312839636.jpg" /> </li><a target="_blank" href=""></a> <a target="_blank" href=""></a> <li> <img src="http://nsm08.casimages.com/img/2015/01/02//15010212591512157312839633.jpg" /> </li><a target="_blank" href=""></a> <a target="_blank" href=""></a> <li> <img src="http://nsm08.casimages.com/img/2015/01/02//15010212592112157312839634.jpg" /> </li><a target="_blank" href=""></a> <a target="_blank" href=""></a> <li> <img src="http://nsm08.casimages.com/img/2015/01/02//15010212591412157312839632.jpg" /> </li><a target="_blank" href=""></a> <a target="_blank" href=""></a> <li> <img src="http://nsm08.casimages.com/img/2015/01/02//15010212592412157312839635.jpg" /> </li><a target="_blank" href=""></a> </marquee> </ul><section id="accueil"><article id="partenariat"></article> </section> <p style="clear: both;"> </p><section id="accueil"> </section>

Pouvez-vous m'expliquer ce bug de forumactif ? Car le problème ne vient pas de mon code car même quand je ne le change pas, il change tout seul.
Merci d'avance.

par Karlozi Dim 4 Jan 2015 - 11:57

Bonjour,

Ce problème est pour tout le monde. Les balises du code se collent entre elle une à coté de l'autre à l'enregistrement et ce seulement sur l'espace du panneau d'accueil.

Cependant, même si ce problème affecte la clarté du code, normalement votre code devrais fonctionné quand même.

(Pour ce problème, je crois qu'il vont transféré au DevActif.. je crois Razz

)

Cordialement,
Karlozi

par LouSheeta Dim 4 Jan 2015 - 12:21

Non justement il change jusqu'à la structure de mon code et le rend invalide. Il me crée des balises section avec l'id accueil plusieurs fois alors que dans mon code il n'y ait qu'une fois. Regardes bien les deux codes. Du coup, c'est du grand n'importe quoi après.

par [Nihil] Dim 4 Jan 2015 - 12:22

Hello,

Effectivement l'éditeur FA cherche à enlever certaines erreurs de codes (au niveau de l'ordre des balises).

Par exemple ceci :

Code:: <ul> <a href="" target="_blank"><li>ekq nfjks ncds</li></a> <a href="" target="_blank"><li>lien</li></a> <a href="" target="_blank"><li>lien</li></a> <a href="" target="_blank"><li>lien</li></a> <a href="" target="_blank"><li>lien</li></a> <a href="" target="_blank"><li>lien</li></a> <a href="" target="_blank"><li>lien</li></a> <a href="" target="_blank"><li>lien</li></a> <a href="" target="_blank"><li>lien</li></a> </ul>

Si je valide et que je reviens, je peux voir que mon code a changé :

Code:: <ul> <a href="" target="_blank"></a> <li style=""> ekq nfjks ncds </li><a href="" target="_blank"></a> <a href="" target="_blank"></a> <li style=""> lien </li><a href="" target="_blank"></a> <a href="" target="_blank"></a> <li style=""> lien </li><a href="" target="_blank"></a> <a href="" target="_blank"></a> <li style=""> lien </li><a href="" target="_blank"></a> <a href="" target="_blank"></a> <li style=""> lien </li><a href="" target="_blank"></a> <a href="" target="_blank"></a> <li style=""> lien </li><a href="" target="_blank"></a> <a href="" target="_blank"></a> <li style=""> lien </li><a href="" target="_blank"></a> <a href="" target="_blank"></a> <li style=""> lien </li><a href="" target="_blank"></a> <a href="" target="_blank"></a> <li style=""> lien </li><a href="" target="_blank"></a> </ul>

Les liens ne sont plus biens placés, ils sont en double, etc...

Pourquoi ? Car le code comporte des "erreurs" qui ne lui conviennent pas.
Normalement la structure d'une liste c'est d'abord une balise ul puis dedans une balise li... Là tu as mis un lien autour de ta balise li Wink

Si par contre je met dans le bon ordre directement (balise ul > balise li > balise a ):

Code:: <ul> <li><a href="" target="_blank">ekq nfjks ncds</a></li> <li><a href="" target="_blank">lien</a></li> <li><a href="" target="_blank">lien</a></li> <li><a href="" target="_blank">lien</a></li> <li><a href="" target="_blank">lien</a></li> <li><a href="" target="_blank">lien</a></li> <li><a href="" target="_blank">lien</a></li> <li><a href="" target="_blank">lien</a></li> <li><a href="" target="_blank">lien</a></li> </ul>

Le code donnera ceci une fois validé :

Code:: <ul> <li> <a href="" target="_blank">ekq nfjks ncds</a> </li> <li> <a href="" target="_blank">lien</a> </li> <li> <a href="" target="_blank">lien</a> </li> <li> <a href="" target="_blank">lien</a> </li> <li> <a href="" target="_blank">lien</a> </li> <li> <a href="" target="_blank">lien</a> </li> <li> <a href="" target="_blank">lien</a> </li> <li> <a href="" target="_blank">lien</a> </li> <li> <a href="" target="_blank">lien</a> </li> </ul>

C'est à dire le même HTML avec des espaces et retours à la lignes différents seulement ^^

par Karlozi Dim 4 Jan 2015 - 12:25

@"[Nihil]", tu as bien raison cependant et je viens de tester de mon côté, à certain endroit il rajoute du code qui n'as aucun rapport :/

par LouSheeta Dim 4 Jan 2015 - 12:26

Et pourquoi il me rajoute des balises sections ?
Edit : un exemple parmi d'autres

par **Lixyr** Dim 4 Jan 2015 - 13:30

Bonjour,

Un exemple parmi d'autres :

<section id="accueil">
<article id="postesvacants">
<div class="pvcontent">

On ne met pas de balise bloc dans une balise article. C'est pourquoi le code est restructuré, comme l'a dit [Nihil] : la balise article est fermée avant la balise div afin d'éviter qu'elle ne la contienne.

Un petit lien pour bien comprendre comment fonctionnent les balises que vous utilisez : Structurer sa page

Si vous voulez un conseil, contentez-vous des balises
- div
- p
- span
- ul / li / ol / dt
- a
- img
etc
et mettez de côté les balises HTML5, qui ne servent à rien dans une page d'accueil Forumactif.

par LouSheeta Dim 4 Jan 2015 - 14:05

Pourtant le HTML5 est maintenant actif. Pourquoi ne pas l'utiliser ? Je croyais que forumactif était à jour dans l'usage des balises. De plus, je suis étudiante webmaster et la div dans l'article est tout à fait valide.

Merci pour votre réponse Smile

par [Nihil] Dim 4 Jan 2015 - 14:17

Dans les templates de base de forumactif, le doctype ne correspond pas à celui du HTML5 donc de toutes les façons ça ne sert à rien de les utiliser oui... Si tu veux bien faire et utiliser des balises html5, pour que cela ai un sens il faut que tu changes ton doctype dans les templates. Smile

Mais cela ne changera pas le fonctionnement de l'éditeur de FA. Il me semble qu'il prend tout simplement les balises du HTML5 pour des "balises inventées".

Ainsi si je met dans mon éditeur une balise inventée "rrrr" avec à l'intérieur une balise de style inline :

Code:: <rrrr><span>Coucou</span></rrrr>

Il ne le changera pas.

Si je met par contre un élément de type block, il va vouloir re-ranger ça :

Code:: <rrrr><p>Coucou</p></rrrr>

Va donner :

Code:: <rrrr></rrrr> <p style=""> Coucou </p><rrrr></rrrr>

Que je mette "rrrr", ou "article", ou "section" ça sera la même chose pour l'éditeur je crois Wink

par LouSheeta Dim 4 Jan 2015 - 14:30

C'est dommage sachant que le HTML5 est maintenant le langage de balisage à utiliser ^^'

par **Lixyr** Dim 4 Jan 2015 - 16:53

Effectivement, cela dit tu peux toujours utiliser Forumactif pour les forums, et comme un support d'entrainement basique au HTML, et utiliser les balises HTML5 dans tes exercices web.

Code qui change tout seul