Bug de code sur la page d'accueil

[Nilae]

Coucou tout le monde, voilà je souhaitais simplement changer la photo du membre du mois sur mon forum ! J'ai gardé les mêmes dimensions d'image et au moment d'enregistrer et de regarder le résultat voilà ce que ça me donne   (je n'ai touché aucun code juste l'url de l'image) !

Spoiler:

Je ne sais pas pourquoi mais à chaque fois que je touche à ce code, il me remet par défaut ces 6 cadres et les textes et images à l'extérieur, ça devient pénible. Quelqu'un peut m'aider et saurait m'expliquer pourquoi à chaque fois ça fait ça ? Je crois vraiment que je vais finir par la supprimer ! A chaque fois c'est ma hantise d'y toucher et même en copie/coller les codes d'avant ça m'affiche le bug c'est à n'y rien comprendre ..

Voici mon code "d'avant" le bug que j'avais copié et collé au cas ou ça m'arriverait encore :

Code:

 
<center>
    <span class="titre_pa_pa">Bienvenue Sur Aux Confidences</span><br /><br /> ♥ <a href="http://auxconfidences.forumactif.org/t7-charte-du-forum" class="pa_lien">Charte</a> ♥ <a href="http://auxconfidences.forumactif.org/t215-petit-mot-de-la-fondatrice" class="pa_lien">Mot de la Fondatrice</a> ♥ <a href="http://auxconfidences.forumactif.org/t216-plan-general-du-forum" class="pa_lien">Plan général</a> ♥ <br /><br />
   <table>
      
      <tbody>
         
         <tr>
            
            <td>
                <span class="pa_titre">Le staff</span><span class="pa_cadre"></span>
               <center>
                  
                  <table>
                     
                     <tbody>
                        
                        <tr>
                           
                           <td>
                               <span style="background: url(http://img15.hostingpics.net/pics/878434900216194.png) center center no-repeat;" class="pa_avatar"><span class="pa_avatardescr"><span class="pa_avatartitre">Nilae</span>Nilae est la fondatrice du forum. Elle est l'altruiste égoïste. La combattante pacifique, la femme de porcelaine. Elle est un paradoxe. Un ange noir qui chambarde l'ordre établi.</span></span>
                           </td>
                           
                           <td>
                               <span style="background: url(http://img15.hostingpics.net/pics/316578Caa.jpg) center center no-repeat;" class="pa_avatar"><span class="pa_avatardescr"><span class="pa_avatartitre">Christie</span>Sa description</span> </span>
                           </td>
                           
                        </tr>
                        
                        <tr>
                           
                           <td>
                               <span style="background: url(http://img15.hostingpics.net/pics/662584christtie.jpg) center center no-repeat;" class="pa_avatar"><span class="pa_avatardescr"><span class="pa_avatartitre">Nath</span>Sa description</span></span>
                           </td>
                           
                           <td>
                               <span style="background: url(http://img15.hostingpics.net/pics/907431Nath.jpg) center center no-repeat;" class="pa_avatar"><span class="pa_avatardescr"><span class="pa_avatartitre">Caïa</span> Sa description</span></span>
                           </td>
                           
                        </tr>
                        
                     </tbody>
                     
                  </table>
                  
               </center><span class="pa_cadre"> <br /></span>
            </td>
            
            <td>
                <span class="pa_titre">description</span><span class="pa_cadre"></span>
               <center>
                   <span class="pa_cate"><em>Aux Confidences est un lieu de discussions générales entre filles. Ici on parle de tout ! Amour, famille, étude ou travail, passion, musique. Ce forum est un lieu de partage et d'écoute où les femmes de tout âge sont libres de s'exprimer dans la joie et la bonne humeur ! Bonne visite et à bientôt parmi nous !</em></span>
               </center><span class="pa_cadre"> </span>
            </td>
            
            <td>
                <span class="pa_titre">membre du mois</span><span class="pa_cadre"></span>
               <center>
                   <em>Notre élue du mois de juillet est <strong></strong>Nilae<br /><br /></em>
                  <table style="">
                     
                     <tbody>
                        
                        <tr>
                           
                           <td>
                               <img border="1" src="http://img15.hostingpics.net/pics/84620313465.jpg" />
                           </td>
                           
                           <td>
                              
                              <center>
                                  <a href="http://auxconfidences.forumactif.org/privmsg?mode=post&u=1">Mp</a> ? <a href="http://auxconfidences.forumactif.org/u1contact">Profil</a> <br />Posteuse la plus active, ce titre lui revenait de droit. <br />
                              </center>
                              
                           </td>
                           
                        </tr>
                        
                     </tbody>
                     
                  </table><em></em>
               </center><span class="pa_cadre"> </span>
            </td>
            
         </tr>
         
      </tbody>
      
   </table>
   
</center>
 
<p>
    <br />
</p>
 <justify></justify>


Merci d'avance pour celui qui saura m'éviter de m'arracher tous mes cheveux  

[Self]

Bonjour,

Je pense que l'éditeur a déjà fait une petite correction dans le code que vous avez fourni.
En effet la balise span qui possède la class .pa_cadre devrait eglober le contenu de ces cadres.
Mais la balise span est une balise de type inline et dans votre contenu vous avez des balises de type block.
Et si il y a une règle qu'il faut respecté en HTML c'est de ne pas mettre de balise block dans une balise inline.

L'éditeur corrige cette erreur dans votre code.
Pour remédier à cela on va remplacer la balise span par une balise div (qui elle est de type block) comme ceci :

Code:

<center>
    <span class="titre_pa_pa">Bienvenue Sur Aux Confidences</span><br /><br /> ♥ <a href="http://auxconfidences.forumactif.org/t7-charte-du-forum" class="pa_lien">Charte</a> ♥ <a href="http://auxconfidences.forumactif.org/t215-petit-mot-de-la-fondatrice" class="pa_lien">Mot de la Fondatrice</a> ♥ <a href="http://auxconfidences.forumactif.org/t216-plan-general-du-forum" class="pa_lien">Plan général</a> ♥ <br /><br />
 <table>
 
<tbody>
 
<tr>
 
<td>
 <span class="pa_titre">Le staff</span>
 <div class="pa_cadre"><center>
 
<table>
 
<tbody>
 
<tr>
 
<td>
 <span class="pa_avatar" style="background: url(http://img15.hostingpics.net/pics/878434900216194.png) center center no-repeat;"><span class="pa_avatardescr"><span class="pa_avatartitre">Nilae</span>Nilae est la fondatrice du forum. Elle est l'altruiste égoïste. La combattante pacifique, la femme de porcelaine. Elle est un paradoxe. Un ange noir qui chambarde l'ordre établi.</span></span>
</td>
 
<td>
 <span class="pa_avatar" style="background: url(http://img15.hostingpics.net/pics/316578Caa.jpg) center center no-repeat;"><span class="pa_avatardescr"><span class="pa_avatartitre">Christie</span>Sa description</span> </span>
</td>
 
</tr>
 
<tr>
 
<td>
 <span class="pa_avatar" style="background: url(http://img15.hostingpics.net/pics/662584christtie.jpg) center center no-repeat;"><span class="pa_avatardescr"><span class="pa_avatartitre">Nath</span>Sa description</span></span>
</td>
 
<td>
 <span class="pa_avatar" style="background: url(http://img15.hostingpics.net/pics/907431Nath.jpg) center center no-repeat;"><span class="pa_avatardescr"><span class="pa_avatartitre">Caïa</span> Sa description</span></span>
</td>
 
</tr>
 
</tbody>
 
</table>
 
</center></div>
</td>
 
<td>
 <span class="pa_titre">description</span>
 <div class="pa_cadre"><center>
 <span class="pa_cate"><em>Aux Confidences est un lieu de discussions générales entre filles. Ici on parle de tout ! Amour, famille, étude ou travail, passion, musique. Ce forum est un lieu de partage et d'écoute où les femmes de tout âge sont libres de s'exprimer dans la joie et la bonne humeur ! Bonne visite et à bientôt parmi nous !</em></span>
</center></div>
</td>
 
<td>
 <span class="pa_titre">membre du mois</span>
 <div class="pa_cadre"><center>
 <em>Notre élue du mois d'avril est <strong></strong>Nilae<br><br></em>
<table style="">
 
<tbody>
 
<tr>
 
<td>
 <img src="http://img11.hostingpics.net/pics/217368ezkufjds.png" border="1">
</td>
 
<td>
 
<center>
 <a href="http://auxconfidences.forumactif.org/privmsg?mode=post&amp;u=1">Mp</a> ? <a href="http://auxconfidences.forumactif.org/u1contact">Profil</a> <br>Posteuse la plus active, ce titre lui revenait de droit. <br>
</center>
 
</td>
 
</tr>
 
</tbody>
 
</table>
 </center></div>
</td>
 
</tr>
 
</tbody>
 
</table>
</center>

Bonne soirée .

[Nilae]

Super SeLfde4Th7 merci beaucoup de ton aide (et en plus c'est top il me reste encore des cheveux !)

Bonne soirée également