Mon message d'accueil de forum est beaucoup trop large

[friquentv2]

Bonjour à tous,

J'ai voulu mettre à jour le message d'accueil du forum dont je suis un des administrateurs : http://la-legion-de-vf.forumactif.biz

Etant assez novice dans ces domaines mais étant le seul à pouvoir m'occuper de cela, j'ai juste voulu modifier le lien d'une image. Or, j'ai du toucher à quelque chose car pour la plupart de mes membres, ce message d'accueil apparaît maintenant de manière beaucoup trop large... ce que ça ne fait pas chez moi (je suis sous Safari).

Moi, je vois ça :
Eux, ils voient ça :

Je ne sais pas s'ils sont tous concernés. Personnellement, que je sois sous Safari ou Chrome, l'affichage est correct. Le code actuel du message d'accueil est le suivant :

Code:

<table border="0" cellpadding="4" cellspacing="4" style="text-align: justify; width: 100%;">
                            <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
   <tr style="background-color:#FAF3E6">
                                                      
   </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody>                                             </tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
   <tr>
                                                                                                                                                                                                                                                                
      <td colspan="2" align="center">
                                                                                     <img src="https://i62.servimg.com/u/f62/19/91/86/77/modyle10.png" /><br />                                                                            
      </td>
                                                      
   </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody>                                             </tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
   <tr>
                                                                                                                                                                                                                                                                
      <td align="left" style="width: 50%;">
                                                                                                                                                               
         <div style="text-align: right;">
                                                                                        <img style="text-align: justify;" src="https://2img.net/r/hpimg4/pics/847402BlasonLR215px.png" />                                                                            
         </div>
                                                                                                                                                               
         <div style="text-align: right;">
                                                                                        <br />                                                                            
         </div>
                                                                                                                                                               
         <div style="text-align: right;">
                                                                                        <a style="text-align: justify;" href="http://www.virtuafoot.com/#entente?eid=454" target="_popup"><img src="http://slamya.free.fr/virtuafoot/index/I.gif" title="Voir l'entente LR I" /></a>   <a style="text-align: justify;" href="http://www.virtuafoot.com/#entente?eid=2078" target="_popup"><img src="http://slamya.free.fr/virtuafoot/index/II.gif" title="Voir l'entente LR II" /></a><br />                                                                            
         </div>
                                                                                                                                                               
      </td>
                                                                                                                                                            
      <td align="left">
                                                                                                                                                               
         <div style="text-align: left; float: left; width: 100%;">
                                                                                        <a href="http://la-legion-de-vf.forumactif.biz/t11570-regles-a-suivre-pour-un-bon-usage-du-forum"> <img src="http://slamya.free.fr/virtuafoot/index/menu1.gif" title="Les règles du forum" /> </a>                                                                            
         </div>
                                                                                                                                                               
         <div style="text-align: left; float: left; width: 100%;">
                                                                                        <a href="http://la-legion-de-vf.forumactif.biz/t4782-guide-du-nouveau-legionnaire"> <img src="http://slamya.free.fr/virtuafoot/index/menu2.gif" title="Guide du nouveau légionnaire" /> </a>                                                                            
         </div>
                                                                                                                                                               
         <div style="text-align: left; float: left; width: 100%;">
                                                                                        <a href="http://la-legion-de-vf.forumactif.biz/f72-les-ie"> <img src="https://i62.servimg.com/u/f62/18/84/37/36/menu310.gif" title="Les matchs IE" /> </a>                                                                            
         </div>
                                                                                                                                       
         <div style="text-align: left; float: left; width: 100%;">
                                                                                        <a href="http://la-legion-de-vf.forumactif.biz/t8825-declarations-d-absence"> <img src="http://slamya.free.fr/virtuafoot/index/menu4.gif" title="Gestionnaire d'absence" /> </a>                                                                            
         </div>
                                                                                                                                                               
      </td>
                                                                                                                                                            
   </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody>
</table>
                <br />

J'ai déjà essayé de chipoter un peu en touchant aux fonctions <tbody>, au cellspacing, à la largeur mais rien n'y fait. Etant novice, je cale un peu et je n'ose pas trop tout chambouler vu que j'ai déjà fait des bêtises apparemment

Quelqu'un voit-il le problème qui se pose? A noter que le forum est en phpBB2.

Merci d'avance

[w00tw00t]

Bonjour friquentv2,

Est-ce que le soucis en question est toujours d'actualités ?

De mon coté, je vois la même chose que vous sur un certain nombre de navigateurs récents (y compris Safari).

Cordialement,
w00tw00t

[MlleAlys]

Bonjour,
La cause vient bien des tbody, les navigateurs ne les traitent pas de la même façon. C'est un bug déjà connu de l'éditeur, qui en ajoute à chaque fois que le code est enregistré. Vous pouvez soit tous les retirer régulièrement, soit passer par un code qui n'utilise pas de tableau, par exemple celui-ci :

Code:

<!-- BLOC TITRE -->
<div style="text-align:center;">
   <img src="https://i62.servimg.com/u/f62/19/91/86/77/modyle10.png" />
</div>
 
<!--  BLOC DE GAUCHE -->
<div style="display:inline-block; width:49%; vertical-align:middle; text-align:right;"><img style="text-align: justify;" src="https://2img.net/r/hpimg4/pics/847402BlasonLR215px.png" /><br /><a style="text-align: justify;" href="http://www.virtuafoot.com/#entente?eid=454" target="_popup"><img src="http://slamya.free.fr/virtuafoot/index/I.gif" title="Voir l'entente LR I" /></a>  <a style="text-align: justify;" href="http://www.virtuafoot.com/#entente?eid=2078" target="_popup"><img src="http://slamya.free.fr/virtuafoot/index/II.gif" title="Voir l'entente LR II" /></a>
</div>
 
<!-- BLOC DE DROITE -->
<div style="display:inline-block; width:49%; vertical-align:middle; text-align:left;"><a href="http://la-legion-de-vf.forumactif.biz/t11570-regles-a-suivre-pour-un-bon-usage-du-forum"> <img src="http://slamya.free.fr/virtuafoot/index/menu1.gif" title="Les règles du forum" /> </a><a href="http://la-legion-de-vf.forumactif.biz/t4782-guide-du-nouveau-legionnaire"> <img src="http://slamya.free.fr/virtuafoot/index/menu2.gif" title="Guide du nouveau légionnaire" /> </a><a href="http://la-legion-de-vf.forumactif.biz/f72-les-ie"> <img src="https://i62.servimg.com/u/f62/18/84/37/36/menu310.gif" title="Les matchs IE" /> </a><a href="http://la-legion-de-vf.forumactif.biz/t8825-declarations-d-absence"> <img src="http://slamya.free.fr/virtuafoot/index/menu4.gif" title="Gestionnaire d'absence" /> </a>     
</div>

[friquentv2]

Bonsoir,

Le sujet n'est en effet plus d'actualité. J'ai retiré les <tbody> et finalement, mes membres m'ont signalé qu'ils ne voyaient plus de soucis. Ce qui m'étonnait était le fait que les <tbody> étaient déjà là et n'avaient jamais posé de soucis et que chez moi, ils ne faisaient pas buggé le message. Je n'avais pas connaissance du fait qu'ils y en avaient qui se rajoutaient automatiquement à chaque modification. C'est donc pour cela : j'ai modifié à de nombreuses reprises ce message d'accueil. Ils se sont rajoutés à ce moment-là et je n'en ai pas eu conscience.

Merci pour votre aide et l'astuce. Le sujet est bel et bien résolu.