Problème de largeur

[Cielle]

Bonjour,

Je suis très embêtée. Jusque là l'apparence de mon forum (http://invocation.forumactif.fr/) ne me causais aucun problème. J'ai aujourd'hui modifié UN mot dans la page d'accueil (vraiment un, sans toucher le moindre bout de code) et... toutes les catégories/la page d'accueil se sont retrouvés étirés/décalés sur la droite de l'écran et on s'aperçoit clairement que plus rien n'a de forme.

J'ai tenté de remettre comme c'était avant : pas de changement.
J'ai supprimé ma page d'accueil : pas de changement (et du coup l'ait rétablie).
J'ai tenté de faire une "restauration de thème" : pas de changement.

J'en deviens assez désespérée. Je ne comprends pas comment 3 petits mots ont plus engendrer un tel soucis.

En espérant qu'une âme généreuse saura répondre à mon appel, merci.

[MlleAlys]

bonjour,
le problème ne viendrait-il pas plutôt de la largeur du qeel, fixée à 1188px ?

[Cielle]

Je n'ai rien touché concernant cela depuis longtemps, je ne comprends pas du coup pourquoi en modifiant 2 mots de la page d'accueil, ça entraînerait un tel soucis.

EDIT : Après test effectivement cela corrige une partie du problème, merci. Reste donc que je ne comprends pas la cause à effet, que mon QEEL est à refaire, mais aussi et surtout que ma page d'accueil comporte toujours des erreurs (trop longue par rapport à ce que c'était, des infobulles qui ne marchent qu'à moitié...).

[MlleAlys]

Peut être les problèmes de la page d'accueil viennent ils de l'incompatibilité de certains emboîtements de balises avec le nouvel éditeur ?
Le nouvel éditeur n'accepte pas les balises de type block dans les balises inline :
Vérifiez que vous n'avez pas, par exemple, de balises <div> contenues dans des balises <span>, <fieldset>, <a> ou <marquee>, si besoin remplacez les par des balises <span> en display:block...
Au pire, pourrait-on voir le code en question pour essayer de comprendre et de corriger ? ^^

[Cielle]

Oh je crois que vous venez de me donner toute la réponse... puisque notre page d'accueil contient bien des fieldset emboîtés à un endroit, et des span/div aussi (mais là j'ai plus de mal à repérer).

Je ne suis pas la codeuse de base donc je ne comprends pas vraiment l'ensemble (plutôt au détail).
Voici le code dans tous les cas :

Code:

<div id="plateau_cda"><br /><a href="http://invocation.forumactif.fr/t689-event-de-ronces-et-d-os-etait-son-regne" class="postlink" target="_blank" rel="nofollow"><img src="http://i55.servimg.com/u/f55/12/09/81/04/honore10.png" border="0" alt="" /></a><br /><a href="http://invocation.forumactif.fr/t690-event-requiem-pour-un-roi" class="postlink" target="_blank" rel="nofollow"><img src="http://i55.servimg.com/u/f55/12/09/81/04/honore11.png" border="0" alt="" /></a><br /><a href="http://invocation.forumactif.fr/t96-abandonne-escapade-a-la-nuit-tombee-javeedjaleh" class="postlink" target="_blank" rel="nofollow"><img src="http://i55.servimg.com/u/f55/12/09/81/04/honort10.png" border="0" alt="" /></a><br /><a href="http://invocation.forumactif.fr/t445-pirate-iarannis-bonorda-termine" class="postlink" target="_blank" rel="nofollow"><img src="http://i55.servimg.com/u/f55/12/09/81/04/honori10.png" border="0" alt="" /></a><br /><br /><strong>Année</strong> : 362 AP. CZ.<br /><strong>Mois en cours</strong> : Félëfroi<br /><strong>Signe</strong> : Le Devin<br /><strong>Esprit</strong> : Finraël<br /><br />
</div>
 
<table style="width: 700px;">
</table>
<table class="stctr_pa" border="0">
   
   <tbody>
      
      <tr>
         
         <td colspan="3">
            
            <div style="margin-right: -35px; margin-top: 12px;">
               
               <table class="menu_PA">
                  
                  <tbody>
                     
                     <tr>
                        
                        <td class="menu_PA">
                            <a href="http://invocation.forumactif.fr/t3-reglement">Règlement</a>
                        </td>
                        
                        <td class="menu_PA">
                            <a href="http://invocation.forumactif.fr/h4-site-page-d-accueil">Site</a>
                        </td>
                        
                        <td class="menu_PA">
                            <a href="http://invocation.forumactif.fr/t17-guide-du-nouvel-arrivant">Guide</a>
                        </td>
                        
                     </tr>
                     
                     <tr>
                        
                        <td class="menu_PA">
                            <a href="http://invocation.forumactif.fr/t2-contexte">Contexte</a>
                        </td>
                        
                        <td class="menu_PA">
                            <a href="http://nsa32.casimages.com/img/2012/10/14/121014090857334928.png">Carte</a>
                        </td>
                        
                        <td class="menu_PA">
                            <a href="http://invocation.forumactif.fr/f7-questions-et-suggestions">Questions</a>
                        </td>
                        
                     </tr>
                     
                  </tbody>
                  
               </table>
               
            </div>
            
         </td>
         
      </tr>
      
      <tr>
         
         <td style="width: 270px;">
            
            <div style="margin-top: 60px; margin-left: 25px;">
               
               <center>
                   <a href="http://www.root-top.com/topsite/cda/in.php?ID=8"><img src="http://i55.servimg.com/u/f55/12/09/81/04/toposi10.png" alt="Top-site" /></a><a href="http://www.root-top.com/topsite/callista/in.php?ID=462"><img src="http://i55.servimg.com/u/f55/12/09/81/04/toposi10.png" alt="Top-site" /></a><a href="http://www.root-top.com/topsite/heroicfantasy/in.php?ID=1376"><img src="http://i55.servimg.com/u/f55/12/09/81/04/toposi10.png" alt="Top-site" /></a><a href="http://www.root-top.com/topsite/olosnire/in.php?ID=99"><img src="http://i55.servimg.com/u/f55/12/09/81/04/toposi10.png" alt="Top-site" /></a><a href="http://en.root-top.com/toplist/ed/in.php?ID=958"><img src="http://i55.servimg.com/u/f55/12/09/81/04/toposi10.png" alt="Top-site" /></a><a href="http://www.root-top.com/topsite/everutopia/in.php?ID=282"><img src="http://i55.servimg.com/u/f55/12/09/81/04/toposi10.png" alt="Top-site" /></a>
               </center>
               
            </div>
            
         </td>
         
         <td rowspan="2" style="width: 425px;">
            
            <div style="padding: 15px; color: black; text-align: justify; margin-right: 3px;">
                <br /><br />
               <p>
                   Un instant voyageur, ne veux-tu pas écouter la ballade d’un ménestrel ? Viens, je te conte une histoire, une épopée. Voilà des années, plus que tu ne pourras jamais te l’imaginer, à tel point que le Temps lui-même n’existait pas, six Grands Esprits unirent leurs pouvoirs pour créer un monde dans lequel ils pourraient vivre. Ainsi naquit Zërya, ainsi naquirent les Hommes et les Esprits, ainsi que toutes les créatures de ce monde. Et ainsi naquit l’Invocation. Un formidable pouvoir que chacun possède, qu’il soit roturier ou grand seigneur.
               </p>
               
               <p>
                   Tu me diras mon bon ami, que tout est pour le meilleur des mondes en ce cas. Oh une histoire sans intrigue, sans coups dans le dos et sans bassesses n’est pas une bonne histoire. <a href="http://invocation.forumactif.fr/t2-contexte">Suite ?</a>
               </p>
               
            </div>
            
         </td>
         
         <td rowspan="3">
            
            <div style="color: black; width: 79%; margin-left: 13px; margin-top: 35px;">
               
               <center>
                   <strong>20/01/2010</strong><br />Ouverture du forum<br /><br /> <span style="color: white;"><span style="font-size: 9px; line-height: normal">23/10</span></span> Merci de limiter les loups et dragons pour Créature.<br /><br /> <span style="color: white;"><span style="font-size: 9px; line-height: normal">23/10</span></span> Nouveau design, suite d'évents et moult nouveautés promises !<br /><br /> <span style="color: white;"><span style="font-size: 9px; line-height: normal">23/10</span></span> Des restrictions et incitations ont été ajoutées aux effectifs.<br /><br /> <span style="color: white;"><span style="font-size: 9px; line-height: normal">23/10</span></span> Vous pouvez incarner un personnage éphémère dans les évents<br /><br /> <span style="color: white;"><span style="font-size: 9px; line-height: normal">23/10</span></span> Les textes sur l'Au-delà sont enfin disponibles.
               </center>
               
            </div>
            
         </td>
         
      </tr>
      
      <tr>
         
         <td>
            
            <center>
               
               <div style="width: 80%; margin-left: 20px;">
                   <fieldset><legend class="field3pa"></legend>Actuellement en jeu </fieldset>
                  <div style="color: black; text-align: justify;">
                      L'Archipel est tombée devant Rayör. La Gourmande marche maintenant sur Bhëjara. Parallèlement, Vardöm perd sa reine et déclare la guerre à Célëcya, en proie à la guerre civile. <a href="http://invocation.forumactif.fr/t691-des-nouvelles-d-okracta">Lire la nouvelle</a>
                  </div><fieldset></fieldset>
               </div>
               
            </center>
            
         </td>
         
      </tr>
      
      <tr>
         
         <td>
            
            <center>
               
               <div style="margin-left: 25px; margin-bottom: 15px; margin-top: -3px;">
                   <a class="infobulle"><img src="http://i74.servimg.com/u/f74/12/09/81/04/staff110.png" style="padding-top: 10px" /><span><span style="color: rgb(0, 0, 0);"></span>Nathaniel A. Phoeny<br />Administratrice<br /></span></a><a href="http://invocation.forumactif.fr/u4" class="postlink"></a><span style="color: rgb(255, 255, 255);"></span>Profil<br /><a href="http://invocation.forumactif.fr/privmsg?mode=post&u=4" class="postlink"></a><span style="color: rgb(255, 255, 255);"></span>MP
                  <table style="">
                     
                  </table><a class="infobulle"><span></span></a> <a class="infobulle"><img src="http://i74.servimg.com/u/f74/12/09/81/04/staff210.png" style="padding-top: 10px" /><span><span style="color: rgb(0, 0, 0);"></span>Calypso R. Adurna<br />Modératrice<br /></span></a><a href="http://invocation.forumactif.fr/u3" class="postlink"></a><span style="color: rgb(255, 255, 255);"></span>Profil<br /><a href="http://invocation.forumactif.fr/privmsg?mode=post&u=3" class="postlink"></a><span style="color: rgb(255, 255, 255);"></span>MP
                  <table style="">
                     
                  </table><a class="infobulle"><span></span></a>
                  <div style="margin-top: -8px;">
                      <a class="infobulle"><img src="http://i38.servimg.com/u/f38/14/54/56/55/bouton10.png" style="padding-top: 10px" /><span><span style="color: rgb(0, 0, 0);"></span>Rêve Telda<br />Modératrice<br /></span></a><a href="http://invocation.forumactif.fr/u2" class="postlink"></a><span style="color: rgb(255, 255, 255);"></span>Profil<br /><a href="http://invocation.forumactif.fr/privmsg?mode=post&u=2" class="postlink"></a><span style="color: rgb(255, 255, 255);"></span>MP
                     <table style="">
                        
                     </table><a class="infobulle"><span></span></a> <a class="infobulle" style="margin-top: -5px;"><img src="http://i74.servimg.com/u/f74/12/09/81/04/staff410.png" style="padding-top: 10px" /><span><span style="color: rgb(0, 0, 0);"></span>Drathir Linath<br />Modératrice<br /></span></a><a href="http://invocation.forumactif.fr/u64" class="postlink"></a><span style="color: rgb(255, 255, 255);"></span>Profil<br /><a href="http://invocation.forumactif.fr/privmsg?mode=post&u=64" class="postlink"></a><span style="color: rgb(255, 255, 255);"></span>MP
                     <table style="margin-top: -5px;">
                        
                     </table><a class="infobulle" style="margin-top: -5px;"><span></span></a>
                  </div>
                  
               </div>
               
            </center>
            
         </td>
         
         <td>
            
            <div style="margin-top: 30px;">
               
               <center>
                   <a href="http://invocation.forumactif.fr/h71-site-predefinis-azariens"><img src="http://i82.servimg.com/u/f82/12/09/81/04/icone110.png" /></a> <a href="http://invocation.forumactif.fr/h72-site-predefinis-cyaks"><img src="http://i82.servimg.com/u/f82/12/09/81/04/icone210.png" /></a> <a href="http://invocation.forumactif.fr/h73-site-predefinis-kaliks"><img src="http://i82.servimg.com/u/f82/12/09/81/04/icone310.png" /></a> <a href="http://invocation.forumactif.fr/h74-site-predefinis-varturiens"><img src="http://i82.servimg.com/u/f82/12/09/81/04/icone410.png" /></a> <a href="http://invocation.forumactif.fr/h76-site-predefinis-archeys"><img src="http://i82.servimg.com/u/f82/12/09/81/04/icone510.png" /></a> <a href="http://invocation.forumactif.fr/h75-site-predefinis-meydrunes"><img src="http://i82.servimg.com/u/f82/12/09/81/04/icone710.png" /></a> <a href="http://invocation.forumactif.fr/h77-site-predefinis-dorvhaks"><img src="http://i82.servimg.com/u/f82/12/09/81/04/icone610.png" /></a>
               </center>
               
            </div><a style="color: black; margin-left: 367px;" a="" href="http://invocation.forumactif.fr/h70-site-predefinis">Plus ?</a>
         </td>
         
      </tr>
      
   </tbody>
</table>

Quoi qu'il en soit, merci infiniment pour votre aide !

[MlleAlys]

Essayez comme ça :

Code:

<div id="plateau_cda">
    <br /><a href="http://invocation.forumactif.fr/t689-event-de-ronces-et-d-os-etait-son-regne" class="postlink" target="_blank" rel="nofollow"><img src="http://i55.servimg.com/u/f55/12/09/81/04/honore10.png" border="0" alt="" /></a>
    <br /><a href="http://invocation.forumactif.fr/t690-event-requiem-pour-un-roi" class="postlink" target="_blank" rel="nofollow"><img src="http://i55.servimg.com/u/f55/12/09/81/04/honore11.png" border="0" alt="" /></a>
    <br /><a href="http://invocation.forumactif.fr/t96-abandonne-escapade-a-la-nuit-tombee-javeedjaleh" class="postlink" target="_blank" rel="nofollow"><img src="http://i55.servimg.com/u/f55/12/09/81/04/honort10.png" border="0" alt="" /></a>
    <br /><a href="http://invocation.forumactif.fr/t445-pirate-iarannis-bonorda-termine" class="postlink" target="_blank" rel="nofollow"><img src="http://i55.servimg.com/u/f55/12/09/81/04/honori10.png" border="0" alt="" /></a>
    <br />
    <br /><strong>Année</strong> : 362 AP. CZ.
    <br /><strong>Mois en cours</strong> : Félëfroi
    <br /><strong>Signe</strong> : Le Devin
    <br /><strong>Esprit</strong> : Finraël
    <br />
    <br />
</div>
<table class="stctr_pa" border="0">
    <tbody>
        <tr>
            <td colspan="3">
                <div style="margin-right: -35px; margin-top: 12px;">
                    <table class="menu_PA">
                        <tbody>
                            <tr>
                                <td class="menu_PA"> <a href="http://invocation.forumactif.fr/t3-reglement">Règlement</a>
                                </td>
                                <td class="menu_PA"> <a href="http://invocation.forumactif.fr/h4-site-page-d-accueil">Site</a>

                                </td>
                                <td class="menu_PA"> <a href="http://invocation.forumactif.fr/t17-guide-du-nouvel-arrivant">Guide</a>
                                </td>
                            </tr>
                            <tr>
                                <td class="menu_PA"> <a href="http://invocation.forumactif.fr/t2-contexte">Contexte</a>
                                </td>
                                <td class="menu_PA"> <a href="http://nsa32.casimages.com/img/2012/10/14/121014090857334928.png">Carte</a>
                                </td>
                                <td class="menu_PA"> <a href="http://invocation.forumactif.fr/f7-questions-et-suggestions">Questions</a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </td>
        </tr>
        <tr>
            <td style="width: 270px;">
                <div style="margin-top: 60px; margin-left: 25px; text-align:center;">
                    <a href="http://www.root-top.com/topsite/cda/in.php?ID=8"><img src="http://i55.servimg.com/u/f55/12/09/81/04/toposi10.png" alt="Top-site" /></a><a href="http://www.root-top.com/topsite/callista/in.php?ID=462"><img src="http://i55.servimg.com/u/f55/12/09/81/04/toposi10.png" alt="Top-site" /></a><a href="http://www.root-top.com/topsite/heroicfantasy/in.php?ID=1376"><img src="http://i55.servimg.com/u/f55/12/09/81/04/toposi10.png" alt="Top-site" /></a><a href="http://www.root-top.com/topsite/olosnire/in.php?ID=99"><img src="http://i55.servimg.com/u/f55/12/09/81/04/toposi10.png" alt="Top-site" /></a><a href="http://en.root-top.com/toplist/ed/in.php?ID=958"><img src="http://i55.servimg.com/u/f55/12/09/81/04/toposi10.png" alt="Top-site" /></a><a href="http://www.root-top.com/topsite/everutopia/in.php?ID=282"><img src="http://i55.servimg.com/u/f55/12/09/81/04/toposi10.png" alt="Top-site" /></a>
                </div>
            </td>
            <td rowspan="2" style="width: 425px;">
                <div style="padding: 15px; color: black; text-align: justify; margin-right: 3px;">
                    <br />
                    <br />
                    <p>Un instant voyageur, ne veux-tu pas écouter la ballade d’un ménestrel ? Viens, je te conte une histoire, une épopée. Voilà des années, plus que tu ne pourras jamais te l’imaginer, à tel point que le Temps lui-même n’existait pas, six Grands Esprits unirent leurs pouvoirs pour créer un monde dans lequel ils pourraient vivre. Ainsi naquit Zërya, ainsi naquirent les Hommes et les Esprits, ainsi que toutes les créatures de ce monde. Et ainsi naquit l’Invocation. Un formidable pouvoir que chacun possède, qu’il soit roturier ou grand seigneur.</p>
                    <p>Tu me diras mon bon ami, que tout est pour le meilleur des mondes en ce cas. Oh une histoire sans intrigue, sans coups dans le dos et sans bassesses n’est pas une bonne histoire. <a href="http://invocation.forumactif.fr/t2-contexte">Suite ?</a>
                    </p>
                </div>
            </td>
            <td rowspan="3">
                <div style="color: black; width: 79%; margin-left: 13px; margin-top: 35px; text-align:center;">
                    <strong>20/01/2010</strong>
                        <br />Ouverture du forum
                        <br />
                        <br /> <span style="color: white;">23/10</span>Merci de limiter les loups et dragons pour Créature.
                        <br />
                        <br /> <span style="color: white;">23/10</span>Nouveau design, suite d'évents et moult nouveautés promises !
                        <br />
                        <br /> <span style="color: white;">23/10</span>Des restrictions et incitations ont été ajoutées aux effectifs.
                        <br />
                        <br /> <span style="color: white;">23/10</span>Vous pouvez incarner un personnage éphémère dans les évents
                        <br />
                        <br /> <span style="color: white;">23/10</span>Les textes sur l'Au-delà sont enfin disponibles.
                </div>
            </td>
        </tr>
        <tr>
            <td>
                        <fieldset style="margin-left: 40px; width: 195px; color: black; text-align: justify;">
                            <legend class="field3pa" style="text-align:center;">Actuellement en jeu</legend>
                        L'Archipel est tombée devant Rayör. La Gourmande marche maintenant sur Bhëjara. Parallèlement, Vardöm perd sa reine et déclare la guerre à Célëcya, en proie à la guerre civile. <a href="http://invocation.forumactif.fr/t691-des-nouvelles-d-okracta">Lire la nouvelle</a>
                        </fieldset>
            </td>
        </tr>
        <tr>
            <td>
                    <div style="margin-left: 25px; margin-bottom: 15px; margin-top: -3px; text-align:center; color:black;">
                        <div class="infobulle" style="display:inline-block;">
                            <img src="http://i74.servimg.com/u/f74/12/09/81/04/staff110.png" style="padding-top: 10px" />
                            <span>
                                Nathaniel A. Phoeny
                                <br />Administratrice
                                <br /><a href="http://invocation.forumactif.fr/u4" class="postlink" style="color:white;">Profil</a>
                                <br /><a href="http://invocation.forumactif.fr/privmsg?mode=post&u=4" class="postlink" style="color:white;">MP</a>
                            </span>
                        </div>
                       
                        <div class="infobulle" style="display:inline-block;">
                            <img src="http://i74.servimg.com/u/f74/12/09/81/04/staff210.png" style="padding-top: 10px" />
                            <span>
                                Calypso R. Adurna
                                <br />Modératrice
                                <br /><a href="http://invocation.forumactif.fr/u3" class="postlink" style="color:white;">Profil</a>
                                <br /><a href="http://invocation.forumactif.fr/privmsg?mode=post&u=3" class="postlink" style="color:white;">MP</a>
                            </span>
                        </div>
                       
                        <div class="infobulle" style="display:inline-block;">
                            <img src="http://i38.servimg.com/u/f38/14/54/56/55/bouton10.png" style="padding-top: 10px" />
                            <span>
                                Rêve Telda
                                <br />Modératrice
                                <br /><a href="http://invocation.forumactif.fr/u2" class="postlink" style="color:white;">Profil</a>
                                <br /><a href="http://invocation.forumactif.fr/privmsg?mode=post&u=2" class="postlink" style="color:white;">MP</a>
                            </span>
                        </div>
                       
                        <div class="infobulle" style="display:inline-block;">
                            <img src="http://i74.servimg.com/u/f74/12/09/81/04/staff410.png" style="padding-top: 10px" />
                            <span>
                                Drathir Linath
                                <br />Modératrice
                                <br /><a href="http://invocation.forumactif.fr/u64" class="postlink" style="color:white;">Profil</a>
                                <br /><a href="http://invocation.forumactif.fr/privmsg?mode=post&u=64" class="postlink" style="color:white;">MP</a>
                            </span>
                        </div>
                </div>
            </td>
            <td>
                <div style="margin-top: 30px; text-align:center;">
                    <a href="http://invocation.forumactif.fr/h71-site-predefinis-azariens"><img src="http://i82.servimg.com/u/f82/12/09/81/04/icone110.png" /></a>  <a href="http://invocation.forumactif.fr/h72-site-predefinis-cyaks"><img src="http://i82.servimg.com/u/f82/12/09/81/04/icone210.png" /></a>  <a href="http://invocation.forumactif.fr/h73-site-predefinis-kaliks"><img src="http://i82.servimg.com/u/f82/12/09/81/04/icone310.png" /></a>  <a href="http://invocation.forumactif.fr/h74-site-predefinis-varturiens"><img src="http://i82.servimg.com/u/f82/12/09/81/04/icone410.png" /></a>  <a href="http://invocation.forumactif.fr/h76-site-predefinis-archeys"><img src="http://i82.servimg.com/u/f82/12/09/81/04/icone510.png" /></a>  <a href="http://invocation.forumactif.fr/h75-site-predefinis-meydrunes"><img src="http://i82.servimg.com/u/f82/12/09/81/04/icone710.png" /></a>  <a href="http://invocation.forumactif.fr/h77-site-predefinis-dorvhaks"><img src="http://i82.servimg.com/u/f82/12/09/81/04/icone610.png" /></a>
                </div><a style="color: black; margin-left: 367px;" href="http://invocation.forumactif.fr/h70-site-predefinis">Plus ?</a>
            </td>
        </tr>
    </tbody>
</table>

Il faudra également modifier dans le css tous les a.infobulle en div.infobulle (à au moins 4 endroits ^^)

[Cielle]

Je te remercie vraiment infiniment, tout est résolu !
Mon forum a retrouvé une bonne bouille grâce à ton aide. Encore merci et bonne continuation ! ^^

[MlleAlys]

de rien ! ^^