Problème avec l`éditeur

[Kuze]

Bonjour !

Voilà j'ai un petit souci avec le nouveaux éditeur que vous avez modifier.. Voyez ce que cela me fait lorsque je souhaite écrire un message ou changer quelque chose : https://i.servimg.com/u/f58/16/61/42/55/2014-010.png tout mes codes se retrouve déstructuré.

Je suis fondateur du forum, mes templates sont retouchées..

Je ne vois pas d'où le problème peut venir et c'est vraiment embêtant ! :/ puisque je ne peu plus rien coder ou même touchez mes code et si pare malteur je le fait il et impossible de rentre dans les catégorie de mon forum tout comme ma page d'accueil qui se retrouve dans le même êta.  

Sauriez-vous m'aider voila la 4ème fois que je fait une demande sons réponse je commence a en avoirs plein le dos de votre éditeur qui pour le moment ne me cosse que des ennuis ?

[MlleAlys]

Bonjour,

Cette mise en forme des codes, avec retour à la ligne et incrémentation en fonction des balises emboîtées, est classique et utilisée dans la plupart des éditeurs de codes de ce type, html ou autres. Si ça peut être déroutant au début quand on a pas l'habitude, ça ne "déstructure" pas le code lui même, au contraire ^^

Par contre, s'il y a des erreurs dans le codage lui même, le nouvel éditeur peut ne plus les supporter, et il faut alors les corriger... Mais ça ne vient pas de l'éditeur, mais bien d'une erreur de codage.

[Kuze]

Bonjour MlleAlys !
Et merci pour ta réponse rapide, une erreur de codage jais toujours ou ces code la sur mon forum je nais jamais rencontré de probablement jusque`a que le nouvelle éditeur soi mie en place jais fait plusieurs teste de plusieurs code différent et rien ne change mes codes sons "déstructuré" malgré tous.

[MlleAlys]

...
Je suis désolée, je n'ai pas compris ce que tu as écrit OO

- Soit tu n'as pas d'erreurs de codage, seule la mise en forme du code dans l'éditeur a changé, et le résultat à l'affichage au final est le même qu'avant, et dans ce cas il n'y a rien à faire, si ce n'est s'habituer à cette nouvelle présentation.

- Soit il y a des erreurs dans le code, qui passaient peut être avec l'ancien éditeur, mais plus avec le nouveau (qui est plus 'sensible' on va dire ^^), et dans ce cas le résultat à l'affichage n'est plus le même qu'avant :
Il faut corriger ces erreur pour retrouver un affichage "normal". Si tu ne sais pas comment faire, tu peux peut être nous donner le code pour qu'on t'aide à le corriger ^^

[Kuze]

Tu n'a pas compris ce que j'as écrit Voilà voilà ben ces soit ou soit quoi ^^
Je peut vous donner le code :

Code:

<div id="si">
   
   <table>
      
      <tbody>
         <tr>
            
            <td>
               
               <div style="background:url('http://i58.servimg.com/u/f58/16/61/42/55/msyubx10.jpg');" id="si1">
                   <a href="http://nucleairesymphony.forums-gratuits.fr/t128-histoire"> </a>
                  <center>
                      <a href="http://nucleairesymphony.forums-gratuits.fr/t128-histoire"> </a>
                     <div id="si6" style="">
                        
                        <div id="subforos">
                            histoire
                        </div>
                        
                     </div><a href="http://nucleairesymphony.forums-gratuits.fr/t128-histoire"></a><a href="http://nucleairesymphony.forums-gratuits.fr/t129-atmosphere"></a>
                     <center>
                         <a href="http://nucleairesymphony.forums-gratuits.fr/t129-atmosphere"> </a>
                        <div id="si6" style="">
                           
                           <div id="subforos">
                               Atmosphère
                           </div>
                           
                        </div><a href="http://nucleairesymphony.forums-gratuits.fr/t129-atmosphere"></a>
                     </center>
                     
                  </center>
                  
               </div>
               
               <div style="background: url('http://i.imgur.com/msyuBXT.png');" id="si2">
                  
               </div>
               
            </td>
            
            <td>
               
               <div style="width: 340px; height: 246px; background-color: #ececec;">
                  
                  <center>
                      <br />
                     <div style="width: 320px; height: 225px; background-color: #ececec;">
                        
                        <center>
                           
                           <div style="width: 315px; height: 230px; font-family: open sans; color: #000; font-size: 10px; overflow: auto; text-align: justify; line-height: 100%;">
                               <a href="http://nucleairesymphony.forums-gratuits.fr/f1-regles-histoire"> </a>
                              <center>
                                 <a href="http://nucleairesymphony.forums-gratuits.fr/f1-regles-histoire">
                                 </a>
                                 <div style="width: 300px;">
                                    <div class="title">
                                       RÈGLES & HISTOIRE
                                    </div>
                                 </div><a href="http://nucleairesymphony.forums-gratuits.fr/f1-regles-histoire"></a>
                                 <div style="width: 300px; background-color: #f7f7f7; border-bottom: 5px solid #db2850;">
                                    <div style="width: 260px; height: 150px; background-color: #f7f7f7; margin-right: 10px ; margin-left: 0px; font-family: calibri, serif; font-size: 11px; letter-spacing: 1px; text-align: justify; color: #7f7f7f; font-size: 11px; text-align: justify; line-height: 100%;">
                                       <br />Voici, ici notre histoire. Vous devez connaître les règles que chaque utilisateur doit respecter afin de maintenir de bonnes relations entre toutes. Ne soyez pas paresseux, vous devez les lire ! Il est essentiel de comprendre l'intrigue du forum et de ne rien manquer. C'est la première chose que vous devez lire dans l'ordre, pour créer votre personnage et savoir quoi respecter. "CODES [BONUS] ERRR12TRA"
                                    </div>
                                    
                                 </div>
                                 
                              </center>
                              
                           </div>
                           
                        </center>
                        
                     </div>
                     
                  </center>
                  
               </div>
               
            </td>
            
            <td>
               
               <div style="background: url('http://i.imgur.com/msyuBXT.png');" id="si4">
                  
               </div>
               
               <div style=" background: url('http://i58.servimg.com/u/f58/16/61/42/55/msyubx10.jpg'); " id="si5">
                   <br /><a href="http://nucleairesymphony.forums-gratuits.fr/t2-normes"></a>
                  <center>
                      <a href="http://nucleairesymphony.forums-gratuits.fr/t2-normes"> </a>
                     <div id="si6" style="">
                        
                        <div id="subforos">
                            Règlement
                        </div>
                        
                     </div><a href="http://nucleairesymphony.forums-gratuits.fr/t2-normes"></a><a href="http://nucleairesymphony.forums-gratuits.fr/t130-groupes"></a>
                     <center>
                         <a href="http://nucleairesymphony.forums-gratuits.fr/t130-groupes"> </a>
                        <div id="si6" style="">
                           
                           <div id="subforos">
                               Groupes
                           </div>
                           
                        </div><a href="http://nucleairesymphony.forums-gratuits.fr/t130-groupes"> </a>
                     </center>
                     
                  </center>
                  
               </div>
               
            </td>
            
         </tr>
         
      </tbody>
   </table>
</div>

[MlleAlys]

effectivement, il y a des problèmes dans le code ^^
Le nouvel éditeur ne supporte pas les balises de type block dans les balises inline, donc il faut modifier le code html, et le css aussi surement, de façon à ne plus avoir, entre autres, de balises <div> à l'intérieur de balises <a> =s

serait-il possible d'avoir le css avec si possible ?

[Kuze]

À ok je comprend je vois je ne suis pas fou ^^

Oui cela es possible d'avoir le css avec mais j'ai un problème je n'ai pas mon ordinateur dans les mains avent mardi !

[MlleAlys]

ok, je vais essayer de faire quelque chose alors, mais ça sera sûrement à corriger ^^"

(édit : une question, est-ce que tout a été codé avec des id plutôt qu'avec des class pour une raison particulière ? Oo)

[Kuze]

Hoooo tu es trop gentils

Pluto avec des id es mes connaissance en code heu parfois approximatif ^^

[MlleAlys]

je propose ce code html, qui normalement ne devrait pas poser de problème :

Code:

<table class="si">
    <tbody>
        <tr>
            <td>
                <div style="background:url('http://i58.servimg.com/u/f58/16/61/42/55/msyubx10.jpg');" class="si1"> <a href="http://nucleairesymphony.forums-gratuits.fr/t128-histoire" class="subforos">
                            histoire
                  </a>
 <a href="http://nucleairesymphony.forums-gratuits.fr/t129-atmosphere" class="subforos">
                      Atmosphère
                  </a>
                </div>
                <div style="background: url('http://i.imgur.com/msyuBXT.png');" class="si2"></div>
            </td>
            <td>
                <div class="si3"> <a href="http://nucleairesymphony.forums-gratuits.fr/f1-regles-histoire" class="title">
                        RÈGLES & HISTOIRE
                    </a>

                    <div class="desc">Voici, ici notre histoire. Vous devez connaître les règles que chaque utilisateur doit respecter afin de maintenir de bonnes relations entre toutes. Ne soyez pas paresseux, vous devez les lire ! Il est essentiel de comprendre l'intrigue du forum et de ne rien manquer. C'est la première chose que vous devez lire dans l'ordre, pour créer votre personnage et savoir quoi respecter. "CODES [BONUS] ERRR12TRA"</div>
                </div>
            </td>
            <td>
                <div style="background: url('http://i.imgur.com/msyuBXT.png');" class="si4"></div>
                <div style=" background: url('http://i58.servimg.com/u/f58/16/61/42/55/msyubx10.jpg'); " class="si5"> <a href="http://nucleairesymphony.forums-gratuits.fr/t2-normes" class="subforos">
                      Règlement
                  </a>
 <a href="http://nucleairesymphony.forums-gratuits.fr/t130-groupes" class="subforos">
                      Groupes
                  </a>

                </div>
            </td>
        </tr>
    </tbody>
</table>

(j'ai corrigé et modifié certaines parties du code pour le simplifier)

avec ce css, modifié aussi du coup :

Code:

table.si {
    border-spacing: 0px;
}
div.si1 {
    height: 85px;
    padding: 10px 5px;
    width: 170px;
}
div.si2 {
    height: 135px;
    margin-top: 5px;
    width: 180px;
}
div.si4 {
    height: 149px;
    width: 174px;
}
div.si5 {
    height: 70px;
    margin-top: 5px;
    padding: 10px 5px;
    width: 164px;
}
div.si3 {
    width: 300px;
    height: 206px;
    background-color: #ececec;
    padding: 20px;
}
.si3 a.title {
    width: 300px;
    display:block;
    background: #1A1F19;
    font-family: arial;
    font-size: 6.5px;
    letter-spacing: 4px;
    color: #f8f8f8;
    text-transform: uppercase;
    font-weight: bold;
    line-height:60px;
    text-align: center;
    margin:auto;
    -moz-transition: all 3s ease;
    -webkit-transition: all 3s ease;
    transition: all 3s ease;
}
.si3 a.title:hover {
    background: #db2850;
    color: #1A1F19;
}
.si3 div.desc {
    width: 260px;
    height:120px;
    padding: 10px 20px;
    background-color: #f7f7f7;
    border-bottom: 5px solid #db2850;
    overflow: auto;
    font-family: calibri, serif;
    font-size: 11px;
    letter-spacing: 1px;
    text-align: justify;
    color: #7f7f7f;
    line-height:100%;
}
a.subforos {
    display: none;
    margin:10px;
    background: #1A1F19;
    font-family: arial;
    font-size: 6.5px;
    letter-spacing: 4px;
    color: #f8f8f8;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    padding:2px 5px;
    -moz-transition: all 3s ease;
    -webkit-transition: all 3s ease;
    transition: all 3s ease;
}
table.si:hover a.subforos {
    display: block;
}
a.subforos:hover {
    background: #db2850;
    color: #1A1F19;
}

Le résultat doit normalement être équivalent ^^ http://fiddle.jshell.net/V9cB2/1/show/

[Kuze]

Je suis vraiment désolé tu fait plein d'effort pour me venir en aide mais je ne peu pas tester le code avent mardi " merci" merci à toi je te tien au courent si cela fonction des mardi ^^

[MlleAlys]

pas de problèmes ^^

[Kuze]

Coucou !
j'ais pue essayer le code et le css que tu ma donner et cala fonctionne parfaitement un grand grand merci à toi  d'avoir prit le temps pour moi. Mais le code es toujours déstructuré cela et normale !

[MlleAlys]

Normalement il n'y a aucun changement dans le code lui même, ce n'est que la mise en page qui a changé avec le nouvel l'éditeur, donc oui, c'est normal ^^

Si le sujet est résolu, pense à cocher en éditant ton premier message

[Kuze]

Ok un grand merci à toi ^^