Code qui change tout seul

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Code qui change tout seul

Message par LouSheeta le 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:
<!--debut accueil-->
         <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>
      <!--fin accueil-->

a ça :

Code:
<!-- debut accueil --> <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>
<!-- fin accueil -->

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.


Dernière édition par LouSheeta le Dim 4 Jan 2015 - 16:22, édité 1 fois

LouSheeta
****

Féminin
Messages : 308
Inscrit(e) le : 17/08/2006

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui change tout seul

Message par Karlozi le 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

Karlozi
**

Messages : 67
Inscrit(e) le : 29/12/2014

http://monforumdeaaz.forum-canada.net/
Karlozi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui change tout seul

Message par LouSheeta le 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.

LouSheeta
****

Féminin
Messages : 308
Inscrit(e) le : 17/08/2006

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui change tout seul

Message par [Nihil] le 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 ^^

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui change tout seul

Message par Karlozi le 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 :/

Karlozi
**

Messages : 67
Inscrit(e) le : 29/12/2014

http://monforumdeaaz.forum-canada.net/
Karlozi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui change tout seul

Message par LouSheeta le Dim 4 Jan 2015 - 12:26

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

LouSheeta
****

Féminin
Messages : 308
Inscrit(e) le : 17/08/2006

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui change tout seul

Message par Lixyr le 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.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Code qui change tout seul

Message par LouSheeta le 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

LouSheeta
****

Féminin
Messages : 308
Inscrit(e) le : 17/08/2006

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Code qui change tout seul

Message par [Nihil] le 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

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui change tout seul

Message par LouSheeta le Dim 4 Jan 2015 - 14:30

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

LouSheeta
****

Féminin
Messages : 308
Inscrit(e) le : 17/08/2006

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui change tout seul

Message par Lixyr le 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.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum