Balise <tbody> envahissante dans la page d'accueil

[Cé]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Chrome mais aussi Mozilla
Personnes concernées par le problème : Tous les utilisateurs et admins
Lien du forum : http://www.vipuniv.com

Description du problème

Bonjour/bonsoir,

J'ai vu le même problème évoqué ici. Mais en appliquant le conseil de Faline les balises tbody reviennent dans mon code même après l'avoir compressé (j'utilise cet outil qui fonctionne très bien pour les pages html d'ailleurs). Et elles se multiplient que je compresse avec ou sans ces tbody.

Pour le moment ma seule solution c'est de simplement les supprimer à chaque fois, à moins de complètement me débarrasser de la table car les tbody apparaissent avant les tr et qu'en soit mon code devrait peut-être tenir sans table puisqu'il utilise des blocs flottants. Néanmoins il est suffisamment bien calé comme ça pour que je n'envisage pas un changement dans l’immédiat. Le soucis avec ces tbody qui envahissent comme de l'algue verte c'est que ça mord sur la marge de caractères et que ça crée un espacement entre les blocs sur Mozilla.
Notre PA est régulièrement mise à jour, c'est son principe en même temps alors c'est assez embêtant. Vu la quantité de tbody trouvés quand je l'ai remarqué cela doit dater de deux ou trois semaines au plus tard.

Le code tel que je le rentre dans la PA :

Code:

<div class="fond_PA"> <div id="bloc_social"> <a href="https://lc.cx/5sNc" target="_blank" alt="Infinite-RPG"><img src="http://img11.hostingpics.net/pics/921496LOGO1.png" alt="Infinite-RPG" /></a><br /><a href="https://www.facebook.com/vipuniv/" target="_blank" alt="Page de VIP University"><img src="https://lc.cx/5sNp" alt="Page Facebook de VIP University" /></a><br /><a href="https://twitter.com/VIPUNIVER_RPG" target="_blank" alt="Twitter de VIP University"><img src="http://img11.hostingpics.net/pics/122068LOGO2.png" alt="Twitter de VIP University" /></a><br /><a href="https://discordapp.com/invite/fPXMEQ?utm_source=Discord%20Widget&utm_medium=Connect" target="_blank" alt="Infinite-RPG"><img src="https://i.imgur.com/w50PvEy.jpg" alt="Infinite-RPG" /></a> </div> <center> <table><tr style=""> <td> <div class="blocsPA"> <div id="bloc_1"> <div class="titrePA"> Contexte </div> Incarne une star coréenne et intègre la prestigieuse université VIP afin d'échapper aux fans et aux menaces qui pourraient nuire à ta carrière. L'université assure la protection des idoles mais il y a peu de chance que tu échappes à la concurrence. Affronte les autres stars et prouve que tu as ta place dans le milieu. <a href="http://www.vipuniv.com/t14545-vip-le-contexte-de-l-universite-vip">SUITE •••</a> </div> <div id="bloc_2"> <div class="with-bg links"> <a href="http://www.vipuniv.com/t14739-forum-le-reglement">Règlement</a> <a href="http://www.vipuniv.com/t14741-forum-le-guide-pour-s-orienter">Guide pour s'orienter</a> <a href="http://www.vipuniv.com/t14740-forum-le-systeme-de-byeol">Système de Byeol</a> <a href="http://www.vipuniv.com/f74-le-bottin">Bottins d'avatars</a> <a href="http://www.vipuniv.com/t14555-partenariat-nos-amis">Partenaires</a> </div> <div class="titrePA"> Vote Pour Nous </div> <div align="center"> <a class="lientopsite" href="http://www.root-top.com/topsite/sukhee/in.php?ID=361"><img alt="" src="https://img15.hostingpics.net/pics/662362VOTE2B.png" border="0" /></a> <a class="lientopsite" href="http://www.root-top.com/topsite/letsplay/in.php?ID=321"><img alt="" src="https://img15.hostingpics.net/pics/550135VOTE1N.png" border="0" /></a> <a class="lientopsite" href="http://www.root-top.com/topsite/obsession27/in.php?ID=24947"><img alt="" src="https://img15.hostingpics.net/pics/662362VOTE2B.png" border="0" /></a> <a class="lientopsite" href="http://www.root-top.com/topsite/bazzart/in.php?ID=1529"><img alt="" src="https://img15.hostingpics.net/pics/550135VOTE1N.png" border="0" /></a><br /> <a class="lientopsite" href="http://www.root-top.com/topsite/titop/in.php?ID=2819"><img alt="" src="https://img15.hostingpics.net/pics/185980VOTE2N.png" border="0" /></a> <a class="lientopsite" href="http://www.root-top.com/topsite/miinachan05/in.php?ID=302"><img alt="" src="https://img15.hostingpics.net/pics/123153VOTE1B.png" border="0" /></a> <a class="lientopsite" href="http://www.root-top.com/topsite/virtu4lschool/in.php?ID=2863"><img alt="" src="https://img15.hostingpics.net/pics/185980VOTE2N.png" border="0" /></a> <a class="lientopsite" href="http://www.root-top.com/topsite/asiancafe/in.php?ID=20"><img alt="" src="https://img15.hostingpics.net/pics/123153VOTE1B.png" border="0" /></a> </div> </div> </div> </td> <td> <div class="blocsPA"> <div id="bloc_3"> <div class="titrePA"> News </div> <span class="newsicon"></span> <strong>Event Hiver Givré</strong> Profitez du froid hivernal pour vous amuser comme des enfants. Participez aux <a href="http://www.vipuniv.com/f265-activites">activités ici</a> et tentez de gagner <a href="http://www.vipuniv.com/f266-concours">le concours ici</a>.<br /><span class="newsicon"></span> <strong>Catégorie Mystère:</strong> elle est ouverte! Inscris-toi à tout moment dans la banque pour participer au RP!<br /><span class="newsicon"></span> <strong>Tvn New Journey to the West.</strong> Que de péripéties! <a target="_blank" href="http://www.vipuniv.com/f196-tvn-new-journey-to-the-west">émission en cours de diffusion</a>.<br /><span class="newsicon"></span> <strong>WGM.</strong> Édition Dreamland <a target="_blank" href="http://www.vipuniv.com/f29-mbc-we-got-married">émission en cours de diffusion</a>.<br /><span class="newsicon"></span> <strong>26.11.17.</strong> Fin de l'event Halloween.<br /><span class="newsicon"></span> <strong>22.10.17.</strong> Fin event Flash Dresseur Pokémon.<br /><span class="newsicon"></span> <strong>16.08.17.</strong> Fin event Once Upon A Time. </div><strong> </strong> <div style="" id="bloc_4"> <iframe allowfullscreen="" src="https://www.youtube.com/embed/videoseries?list=PL5U2oOvWbi8GN-SkXgW0pjLSPqi49wacQ" style="width:100%; height: 100%;" frameborder="0"></iframe> </div><strong> </strong> </div><strong> </strong> </td> </tr><tr style=""> <td> <div class="blocsPA"> <center> <div id="bloc_5"> <marquee> <a href="http://weloveseoul.forumactif.com/" class="postlink" target="_blank" rel="nofollow"></a><a href="http://swgzl.tumblr.com" class="postlink" target="_blank" rel="nofollow"><img src="https://lc.cx/5sNx" style="height:18px;" /></a> <a href="http://weloveseoul.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="https://lc.cx/5sNM" style="height:18px;" /></a> <a href="http://cute.boards.net" class="postlink" target="_blank" rel="nofollow"><img src="https://s32.postimg.org/914zqf2wl/5_VBx_Azb.gif" style="height:18px;" /></a> <a href="http://www.always-love.com/" class="postlink" target="_blank" rel="nofollow"><img src="https://i.imgur.com/ysECTn9.png" style="height:18px;" /></a> <a href="http://www.i-love-harvard.com/" class="postlink" target="_blank" rel="nofollow"><img src="https://lc.cx/5sNQ" style="height:18px;" /></a> <a href="http://www.good-morning-america.org/" class="postlink" target="_blank" rel="nofollow"><img src="https://lc.cx/5sNW" style="height:18px;" /></a> <a href="http://peoples-glory.forumactif.ws/" class="postlink" target="_blank" rel="nofollow"><img src="http://img15.hostingpics.net/pics/180553part1.png" style="height:18px;" /></a> <a href="http://no-kidding.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/222003pfYVlUx.jpg" style="height:18px;" /></a> <a href="http://impero.superforum.fr/forum.html" class="postlink" target="_blank" rel="nofollow"><img src="https://lc.cx/5sN2" style="height:18px;" /></a> <a href="http://hundred-miles.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="https://lc.cx/5sNd" style="height:18px;" /></a> <a href="http://pimslady.tumblr.com/" class="postlink" target="_blank" rel="nofollow"><img src="https://img4.hostingpics.net/pics/364374avatars.png" style="height:18px;" /></a> <a href="http://sexpistolsacademyv2.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://zupimages.net/up/17/14/dtpp.png" style="height:18px;" /></a> </marquee> </div> <script language="javascript"> StartAnim(); </script> <credpa><br />Concept original et design propriétés de Pimslady. Codage de Cé en partie grâce à Never-Utopia.<br />Toute idée développée ici par le staff et chaque membre est la propriété de son auteur.</credpa> </center> </div> </td> <td> <div class="blocsPA"> <div id="bloc_6"> <div class="titrePA"> News Administratives </div> <div align="center"> <em>VIP a 7 ans et 10 mois</em> </div> <span class="newsicon">→</span> <strong>Hosting Pics:</strong> l'hébergeur d'images ferme ses portes. Merci de remplacer les images hébergées sur ce site.<br /><span class="newsicon">→</span> <strong>Staff:</strong> Jang Yi Jeong et Jin deviennent admin, tandis que l'équipe d'animation accueille Mimi, Lee Jae Jun et Bang Sung Hoon !<br /><span class="newsicon">→</span> <strong>Activité:</strong> le TOP 20 de l'activité de VIP du mois de décembre <a href="http://www.vipuniv.com/t14772-forum-top-20-de-l-activite-du-forum">est sorti!</a><br /> <span class="newsicon">→</span> <strong>Version 7:</strong> lancement de la nouvelle version de VIP University. <a href="http://www.vipuniv.com/t14434-vip-teasers-nouveautes-faq-v-7?tid=1387168f27cb77508eef03cacf1de7b6">Beaucoup de nouveautés vous attendent.</a><br /><span class="newsicon">→</span> <strong>Staff:</strong> Kim Matthew-BM & Park Bo Geom quittent le staff de VIP. Un grand merci à elles pour tout ce qu'elles ont apporté dans le staff .<br /><span class="newsicon">→</span> <strong>Activité demandée sur VIP:</strong> 400 mots min par RP & 1 réponse postée par mois.<br /><span class="newsicon">→</span> Ouverture du forum le <strong>4 avril 2010</strong><br /> </div> <div id="bloc_7"> <div align="center"> <div class="titrePA"> Le Staff </div> </div> <div align="center"> <div class="tooltip"> <img src="https://img15.hostingpics.net/pics/116198INGUK.png" /> <span class="tooltiptext"><strong>Seo In Guk</strong><br />Admin Fondateur / Design.</span> </div> <div class="tooltip"> <img src="https://img15.hostingpics.net/pics/639279Ailee.png" /> <span class="tooltiptext"><strong>Lee Amy - Ailee</strong><br />Admin.</span> </div> <div class="tooltip"> <img src="https://img15.hostingpics.net/pics/574595seungho.png" /> <span class="tooltiptext"><strong>Yoo Seung Ho</strong><br />Admin Codeur.<br /></span> </div><br /> <div class="tooltip1"> <img src="https://img15.hostingpics.net/pics/229769JIN.png" /> <span class="tooltiptext1"><strong>Kim Seok Jin</strong><br /> Admin.</span> </div> <div class="tooltip1"> <img src="https://img15.hostingpics.net/pics/398157yijeong.png" /> <span class="tooltiptext1"><strong>Jang Yi Jeong</strong><br />Admin.</span> </div> <div class="tooltip1"> <img src="https://img15.hostingpics.net/pics/198708jeonghan.png" /> <span class="tooltiptext1"><strong>Yoon Jeong Han</strong><br />Modo. Animation</span> </div><br /> <div class="tooltip1"> <img src="https://img15.hostingpics.net/pics/129711mimi.png" /> <span class="tooltiptext1"><strong>Kim Mi Hyeon - Mimi</strong><br />Modo. Animation</span> </div> <div class="tooltip1"> <img src="https://img15.hostingpics.net/pics/210240jaejun.png" /> <span class="tooltiptext1"><strong>Lee Jae Jun</strong><br />Modo. Animation</span> </div> <div class="tooltip1"> <img src="https://img15.hostingpics.net/pics/867656sunghoon.png" /> <span class="tooltiptext1"><strong>Bang Sung Hoon</strong><br />Modo Animation</span> </div> </div> </div> </div> </td> </tr><tr style=""> <td colspan="2"> <div class="blocsPAlong"> <div id="bloc_8"> <div class="titrePA"> <img src="https://i.imgur.com/QgVnibH.png" /> Cupidomètre <img src="https://i.imgur.com/QgVnibH.png" /> </div> À la recherche du grand amour ? En ce moment à l'université, Cupidon trouve qu'il y a une recrudescence de célibataires <strong>féminines</strong> et <strong>hétérosexuelles</strong>. Pour lui faciliter la tâche il suffirait que les prochains arrivants soient compatibles. Mais même lui n'a pas de flèches assez puissantes pour forcer l'amour... </div> <div class="titrePA"> Tu prendrais bien un petit PV ? What else? </div> <!-- ESPACE 1 LIGNE PV, avec 9 PV il faut supprimer les 2 br ici --> <ul class="ex1"> <li> <a href="http://www.vipuniv.com/t14768-lee-chang-sun-24k-libre"><img src="https://img15.hostingpics.net/pics/63367424K.png" /></a> </li> <li> <a href="http://www.vipuniv.com/t14182-no-soo-il-kuhn-up10tion-libre"><img src="https://img15.hostingpics.net/pics/396170KUHN.png" /></a> </li> <li> <a href="http://www.vipuniv.com/t13755-kim-min-seok-xiumin-exo-libre"><img src="https://i.imgur.com/Rh5nUXb.png" /></a> </li> <li> <a href="http://www.vipuniv.com/t14364-im-se-jun-victon-libre"><img src="https://img15.hostingpics.net/pics/465909SEJUN.png" /></a> </li> <li> <a href="http://www.vipuniv.com/t13715-min-hyo-rin-juliette-libre-liee-au-pv-de-taeyang"><img src="https://img15.hostingpics.net/pics/954234Minhyorin.png" /></a> </li> <br /> <li> <a href="http://www.vipuniv.com/t12897-lee-chang-hyeon-bit-to-up10tion-l-hypnotiseur-hypnotise-libre"><img src="https://img15.hostingpics.net/pics/865557bitto.png" /></a> </li> <li> <a href="http://www.vipuniv.com/t13730-jeon-so-mi-ex-i-o-i-libre"><img src="https://img15.hostingpics.net/pics/434358SOMI.png" /></a> </li> <li> <a href="http://www.vipuniv.com/t14994-kim-se-yoon-wow-a-c-e-libre"><img src="https://img15.hostingpics.net/pics/379609seyoon.png" /></a> </li> <li> <a href="http://www.vipuniv.com/t15060-chae-chang-hyun-trei-libre#316396"><img src="https://i.imgur.com/F0NovKd.png" /></a> </li> <li> <a href="http://www.vipuniv.com/t13976-xu-ming-hao-the8-seventeen-libre"><img src="https://img15.hostingpics.net/pics/912421the8.png" /></a> </li> <li> <a href="http://www.vipuniv.com/t13456-park-ji-yeon-t-ara-libre"><img src="https://i.imgur.com/VNA9hiu.png" /></a> </li> </ul> </div> </td> </tr></table> </center></div>

Le code tel qu'il est juste après avoir validé :

Code:

<div class="fond_PA">
 
 <div id="bloc_social">
 <a alt="Infinite-RPG" target="_blank" href="https://lc.cx/5sNc"><img alt="Infinite-RPG" src="http://img11.hostingpics.net/pics/921496LOGO1.png" /></a><br /><a alt="Page de VIP University" target="_blank" href="https://www.facebook.com/vipuniv/"><img alt="Page Facebook de VIP University" src="https://lc.cx/5sNp" /></a><br /><a alt="Twitter de VIP University" target="_blank" href="https://twitter.com/VIPUNIVER_RPG"><img alt="Twitter de VIP University" src="http://img11.hostingpics.net/pics/122068LOGO2.png" /></a><br /><a alt="Infinite-RPG" target="_blank" href="https://discordapp.com/invite/fPXMEQ?utm_source=Discord%20Widget&utm_medium=Connect"><img alt="Infinite-RPG" src="https://i.imgur.com/w50PvEy.jpg" /></a>
 </div>
 
 <center>
 
 <table>
 <tbody>
 </tbody>
 <tr style="">
 
 <td>
 
 <div class="blocsPA">
 
 <div id="bloc_1">
 
 <div class="titrePA">
 Contexte
 </div>
 Incarne une star coréenne et intègre la prestigieuse université VIP afin d'échapper aux fans et aux menaces qui pourraient nuire à ta carrière. L'université assure la protection des idoles mais il y a peu de chance que tu échappes à la concurrence. Affronte les autres stars et prouve que tu as ta place dans le milieu. <a href="http://www.vipuniv.com/t14545-vip-le-contexte-de-l-universite-vip">SUITE •••</a>
 </div>
 
 <div id="bloc_2">
 
 <div class="with-bg links">
 <a href="http://www.vipuniv.com/t14739-forum-le-reglement">Règlement</a> <a href="http://www.vipuniv.com/t14741-forum-le-guide-pour-s-orienter">Guide pour s'orienter</a> <a href="http://www.vipuniv.com/t14740-forum-le-systeme-de-byeol">Système de Byeol</a> <a href="http://www.vipuniv.com/f74-le-bottin">Bottins d'avatars</a> <a href="http://www.vipuniv.com/t14555-partenariat-nos-amis">Partenaires</a>
 </div>
 
 <div class="titrePA">
 Vote Pour Nous
 </div>
 
 <div align="center">
 <a href="http://www.root-top.com/topsite/sukhee/in.php?ID=361" class="lientopsite"><img border="0" src="https://img15.hostingpics.net/pics/662362VOTE2B.png" alt="" /></a> <a href="http://www.root-top.com/topsite/letsplay/in.php?ID=321" class="lientopsite"><img border="0" src="https://img15.hostingpics.net/pics/550135VOTE1N.png" alt="" /></a> <a href="http://www.root-top.com/topsite/obsession27/in.php?ID=24947" class="lientopsite"><img border="0" src="https://img15.hostingpics.net/pics/662362VOTE2B.png" alt="" /></a> <a href="http://www.root-top.com/topsite/bazzart/in.php?ID=1529" class="lientopsite"><img border="0" src="https://img15.hostingpics.net/pics/550135VOTE1N.png" alt="" /></a><br /> <a href="http://www.root-top.com/topsite/titop/in.php?ID=2819" class="lientopsite"><img border="0" src="https://img15.hostingpics.net/pics/185980VOTE2N.png" alt="" /></a> <a href="http://www.root-top.com/topsite/miinachan05/in.php?ID=302" class="lientopsite"><img border="0" src="https://img15.hostingpics.net/pics/123153VOTE1B.png" alt="" /></a> <a href="http://www.root-top.com/topsite/virtu4lschool/in.php?ID=2863" class="lientopsite"><img border="0" src="https://img15.hostingpics.net/pics/185980VOTE2N.png" alt="" /></a> <a href="http://www.root-top.com/topsite/asiancafe/in.php?ID=20" class="lientopsite"><img border="0" src="https://img15.hostingpics.net/pics/123153VOTE1B.png" alt="" /></a>
 </div>
 
 </div>
 
 </div>
 
 </td>
 
 <td>
 
 <div class="blocsPA">
 
 <div id="bloc_3">
 
 <div class="titrePA">
 News
 </div>
 <span class="newsicon"></span> <strong>Event Hiver Givré</strong> Profitez du froid hivernal pour vous amuser comme des enfants. Participez aux <a href="http://www.vipuniv.com/f265-activites">activités ici</a> et tentez de gagner <a href="http://www.vipuniv.com/f266-concours">le concours ici</a>.<br /><span class="newsicon"></span> <strong>Catégorie Mystère:</strong> elle est ouverte! Inscris-toi à tout moment dans la banque pour participer au RP!<br /><span class="newsicon"></span> <strong>Tvn New Journey to the West.</strong> Que de péripéties! <a href="http://www.vipuniv.com/f196-tvn-new-journey-to-the-west" target="_blank">émission en cours de diffusion</a>.<br /><span class="newsicon"></span> <strong>WGM.</strong> Édition Dreamland <a href="http://www.vipuniv.com/f29-mbc-we-got-married" target="_blank">émission en cours de diffusion</a>.<br /><span class="newsicon"></span> <strong>26.11.17.</strong> Fin de l'event Halloween.<br /><span class="newsicon"></span> <strong>22.10.17.</strong> Fin event Flash Dresseur Pokémon.<br /><span class="newsicon"></span> <strong>16.08.17.</strong> Fin event Once Upon A Time.
 </div><strong> </strong>
 <div id="bloc_4" style="">
 <iframe frameborder="0" style="width:100%; height: 100%;" src="https://www.youtube.com/embed/videoseries?list=PL5U2oOvWbi8GN-SkXgW0pjLSPqi49wacQ" allowfullscreen=""></iframe>
 </div><strong> </strong>
 </div><strong> </strong>
 </td>
 
 </tr><tbody></tbody>
 <tr style="">
 
 <td>
 
 <div class="blocsPA">
 
 <center>
 
 <div id="bloc_5">
 
 <marquee>
 <a rel="nofollow" target="_blank" class="postlink" href="http://weloveseoul.forumactif.com/"></a><a rel="nofollow" target="_blank" class="postlink" href="http://swgzl.tumblr.com"><img style="height:18px;" src="https://lc.cx/5sNx" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://weloveseoul.forumactif.com/"><img style="height:18px;" src="https://lc.cx/5sNM" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://cute.boards.net"><img style="height:18px;" src="https://s32.postimg.org/914zqf2wl/5_VBx_Azb.gif" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.always-love.com/"><img style="height:18px;" src="https://i.imgur.com/ysECTn9.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.i-love-harvard.com/"><img style="height:18px;" src="https://lc.cx/5sNQ" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.good-morning-america.org/"><img style="height:18px;" src="https://lc.cx/5sNW" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://peoples-glory.forumactif.ws/"><img style="height:18px;" src="http://img15.hostingpics.net/pics/180553part1.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://no-kidding.forumactif.org/"><img style="height:18px;" src="http://img11.hostingpics.net/pics/222003pfYVlUx.jpg" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://impero.superforum.fr/forum.html"><img style="height:18px;" src="https://lc.cx/5sN2" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://hundred-miles.forumactif.org/"><img style="height:18px;" src="https://lc.cx/5sNd" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://pimslady.tumblr.com/"><img style="height:18px;" src="https://img4.hostingpics.net/pics/364374avatars.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://sexpistolsacademyv2.forumactif.org/"><img style="height:18px;" src="http://zupimages.net/up/17/14/dtpp.png" /></a>
 </marquee>
 
 </div>
 <script language="javascript"> StartAnim(); </script> <credpa><br />Concept original et design propriétés de Pimslady. Codage de Cé en partie grâce à Never-Utopia.<br />Toute idée développée ici par le staff et chaque membre est la propriété de son auteur.</credpa>
 </center>
 
 </div>
 
 </td>
 
 <td>
 
 <div class="blocsPA">
 
 <div id="bloc_6">
 
 <div class="titrePA">
 News Administratives
 </div>
 
 <div align="center">
 <em>VIP a 7 ans et 10 mois</em>
 </div>
 <span class="newsicon">→</span> <strong>Hosting Pics:</strong> l'hébergeur d'images ferme ses portes. Merci de remplacer les images hébergées sur ce site.<br /><span class="newsicon">→</span> <strong>Staff:</strong> Jang Yi Jeong et Jin deviennent admin, tandis que l'équipe d'animation accueille Mimi, Lee Jae Jun et Bang Sung Hoon !<br /><span class="newsicon">→</span> <strong>Activité:</strong> le TOP 20 de l'activité de VIP du mois de décembre <a href="http://www.vipuniv.com/t14772-forum-top-20-de-l-activite-du-forum">est sorti!</a><br /> <span class="newsicon">→</span> <strong>Version 7:</strong> lancement de la nouvelle version de VIP University. <a href="http://www.vipuniv.com/t14434-vip-teasers-nouveautes-faq-v-7?tid=1387168f27cb77508eef03cacf1de7b6">Beaucoup de nouveautés vous attendent.</a><br /><span class="newsicon">→</span> <strong>Staff:</strong> Kim Matthew-BM & Park Bo Geom quittent le staff de VIP. Un grand merci à elles pour tout ce qu'elles ont apporté dans le staff .<br /><span class="newsicon">→</span> <strong>Activité demandée sur VIP:</strong> 400 mots min par RP & 1 réponse postée par mois.<br /><span class="newsicon">→</span> Ouverture du forum le <strong>4 avril 2010</strong><br />
 </div>
 
 <div id="bloc_7">
 
 <div align="center">
 
 <div class="titrePA">
 Le Staff
 </div>
 
 </div>
 
 <div align="center">
 
 <div class="tooltip">
 <img src="https://img15.hostingpics.net/pics/116198INGUK.png" /> <span class="tooltiptext"><strong>Seo In Guk</strong><br />Admin Fondateur / Design.</span>
 </div>
 
 <div class="tooltip">
 <img src="https://img15.hostingpics.net/pics/639279Ailee.png" /> <span class="tooltiptext"><strong>Lee Amy - Ailee</strong><br />Admin.</span>
 </div>
 
 <div class="tooltip">
 <img src="https://img15.hostingpics.net/pics/574595seungho.png" /> <span class="tooltiptext"><strong>Yoo Seung Ho</strong><br />Admin Codeur.<br /></span>
 </div><br />
 <div class="tooltip1">
 <img src="https://img15.hostingpics.net/pics/229769JIN.png" /> <span class="tooltiptext1"><strong>Kim Seok Jin</strong><br /> Admin.</span>
 </div>
 
 <div class="tooltip1">
 <img src="https://img15.hostingpics.net/pics/398157yijeong.png" /> <span class="tooltiptext1"><strong>Jang Yi Jeong</strong><br />Admin.</span>
 </div>
 
 <div class="tooltip1">
 <img src="https://img15.hostingpics.net/pics/198708jeonghan.png" /> <span class="tooltiptext1"><strong>Yoon Jeong Han</strong><br />Modo. Animation</span>
 </div><br />
 <div class="tooltip1">
 <img src="https://img15.hostingpics.net/pics/129711mimi.png" /> <span class="tooltiptext1"><strong>Kim Mi Hyeon - Mimi</strong><br />Modo. Animation</span>
 </div>
 
 <div class="tooltip1">
 <img src="https://img15.hostingpics.net/pics/210240jaejun.png" /> <span class="tooltiptext1"><strong>Lee Jae Jun</strong><br />Modo. Animation</span>
 </div>
 
 <div class="tooltip1">
 <img src="https://img15.hostingpics.net/pics/867656sunghoon.png" /> <span class="tooltiptext1"><strong>Bang Sung Hoon</strong><br />Modo Animation</span>
 </div>
 
 </div>
 
 </div>
 
 </div>
 
 </td>
 
 </tr><tbody></tbody>
 <tr style="">
 
 <td colspan="2">
 
 <div class="blocsPAlong">
 
 <div id="bloc_8">
 
 <div class="titrePA">
 <img src="https://i.imgur.com/QgVnibH.png" /> Cupidomètre <img src="https://i.imgur.com/QgVnibH.png" />
 </div>
 À la recherche du grand amour ? En ce moment à l'université, Cupidon trouve qu'il y a une recrudescence de célibataires <strong>féminines</strong> et <strong>hétérosexuelles</strong>. Pour lui faciliter la tâche il suffirait que les prochains arrivants soient compatibles. Mais même lui n'a pas de flèches assez puissantes pour forcer l'amour...
 </div>
 
 <div class="titrePA">
 Tu prendrais bien un petit PV ? What else?
 </div>
 
 <!--  ESPACE 1 LIGNE PV, avec 9 PV il faut supprimer les 2 br ici  -->
 <ul class="ex1">
 
 <li>
 <a href="http://www.vipuniv.com/t14768-lee-chang-sun-24k-libre"><img src="https://img15.hostingpics.net/pics/63367424K.png" /></a>
 </li>
 
 <li>
 <a href="http://www.vipuniv.com/t14182-no-soo-il-kuhn-up10tion-libre"><img src="https://img15.hostingpics.net/pics/396170KUHN.png" /></a>
 </li>
 
 <li>
 <a href="http://www.vipuniv.com/t13755-kim-min-seok-xiumin-exo-libre"><img src="https://i.imgur.com/Rh5nUXb.png" /></a>
 </li>
 
 <li>
 <a href="http://www.vipuniv.com/t14364-im-se-jun-victon-libre"><img src="https://img15.hostingpics.net/pics/465909SEJUN.png" /></a>
 </li>
 
 <li>
 <a href="http://www.vipuniv.com/t13715-min-hyo-rin-juliette-libre-liee-au-pv-de-taeyang"><img src="https://img15.hostingpics.net/pics/954234Minhyorin.png" /></a>
 </li>
 <br />
 <li>
 <a href="http://www.vipuniv.com/t12897-lee-chang-hyeon-bit-to-up10tion-l-hypnotiseur-hypnotise-libre"><img src="https://img15.hostingpics.net/pics/865557bitto.png" /></a>
 </li>
 
 <li>
 <a href="http://www.vipuniv.com/t13730-jeon-so-mi-ex-i-o-i-libre"><img src="https://img15.hostingpics.net/pics/434358SOMI.png" /></a>
 </li>
 
 <li>
 <a href="http://www.vipuniv.com/t14994-kim-se-yoon-wow-a-c-e-libre"><img src="https://img15.hostingpics.net/pics/379609seyoon.png" /></a>
 </li>
 
 <li>
 <a href="http://www.vipuniv.com/t15060-chae-chang-hyun-trei-libre#316396"><img src="https://i.imgur.com/F0NovKd.png" /></a>
 </li>
 
 <li>
 <a href="http://www.vipuniv.com/t13976-xu-ming-hao-the8-seventeen-libre"><img src="https://img15.hostingpics.net/pics/912421the8.png" /></a>
 </li>
 
 <li>
 <a href="http://www.vipuniv.com/t13456-park-ji-yeon-t-ara-libre"><img src="https://i.imgur.com/VNA9hiu.png" /></a>
 </li>
 
 </ul>
 
 </div>
 
 </td>
 
 </tr><tbody></tbody>
 </table>
 
 </center>
</div>

J'espère avoir sélectionné la bonne catégorie, j'hésitais entre problème de code et de panneau admin. Je suis désolée si j'ai fait le mauvais choix :/

Je vous remercie d'avance de prendre le temps de vous pencher sur mon problème !

[Faline]

Bonjour,

Je crois que :

• Plus le code introduit correspond à la syntaxe attendue, moins il s'éparpille.
  
• Sur le moment je ne sais pas ce qu'il en est des div imbriquées les unes dans le autres du style
  

  Code:

  <div class="blocsPA"> <div id="bloc_1"> <div class="titrePA"> Contexte </div> Incarne une star coréenne et intègre la prestigieuse université VIP afin d'échapper aux fans et aux menaces qui pourraient nuire à ta carrière. L'université assure la protection des idoles mais il y a peu de chance que tu échappes à la concurrence. Affronte les autres stars et prouve que tu as ta place dans le milieu. <a href="http://www.vipuniv.com/...">SUITE •••</a></div>...

  Pourquoi pas donner simplement une class à la cellule, qui correspond au gros du texte, et dedans encore <h1>Titre</h1>Et voici le texte... et on ferme la cellule.
  
• les codes obsolètes comme <center></center> font également étaler le code.
  
• un couple <tbody></tbody>par tableau me semble inévitable.
  

[Cé]

Bonjour,

Merci pour votre réponse et merci pour le déplacement de mon sujet !

Le coeur de mon problème c'est le fait que la page d'accueil génère ces balises tbody toutes seules et ce depuis peu de temps et sans raison apparente. J'utilise ces codes depuis un bon moment sur le même forum et nous n'avons fait aucun changement majeur dans sa structure jusqu'à remarquer hier soir que les utilisateurs de Mozilla avaient un gros espacement entre chaque "ligne" de blocs, ce qui correspond à ces tbody sauvages qui n'apparaissaient pas avant.
J'ai une aversion certaine pour les tableaux en code, je préfère la solution de "blocs" imbriqués pour faire ce genre de structure. J'ai dû laisser le tableau comme filet de sécurité à mesure que j'expérimentais pour la créer afin que l'ensemble tienne mais je le regrette maintenant, et seulement depuis que la page d'accueil génère seule ces tbody.

Quant au h1 je n'aurais plus le même contrôle au niveau CSS sur la page d'accueil puisque ce code générique se retrouve ailleurs dans le forum.

J'ai essayé de ne mettre qu'une tbody juste après la balise table et la fermer juste à la fin mais là encore après validation la page d'accueil me ressort sa version étrange :

Code:

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

Autant je comprends qu'une tbody soit nécessaire à une table, autant je ne comprends pas ce placement. À part créer des espaces vides où ils ne sont pas nécessaires, la génération de cette balise ne peut pas servir le code. Ce n'est même pas une question d'étalage du code là mais bien de génération de balise sans fondement.

Si je comprends bien, d'après votre réponse, ma seule solution serait donc de recoder un code qui fonctionnait très bien depuis des mois ? Ce n'est vraiment pas quelque chose qui peut être corrigé sur le fonctionnement de la page d'accueil d'un point de vue interne ? Il y a bien quelque chose qui a dû changer pour que ces tbody se génèrent seules du jour au lendemain :/

[Faline]

Le <h1> était juste une façon de dire de mettre un style de titre, désolée.

Est-ce que les espaces entre les lignes ne viennent pas plutôt de divers <div> qui devraient plutôt être des <span> ?

:scratch:je viens d'essayer de mettre votre code chez moi... le tableau se désagrège complètement, et je vois au début d'immenses pavés pour les réseaux sociaux, dont je ne vois aucune trace sur votre forum. Est-ce le code qui correspond à votre PA actuelle ? A voir provisoirement sur ...
J'espère que quelqu'un d'autre sait la solution.

[bAnk]

Bonjour  =)
je me permets aussi d'intervenir dans ce sujet ! j'ai aussi le même problème, chaque fois que je clique, j'ai mon tableau qui se déforme avec tous pleins de balises. C'est un peu frustrant je dois le reconnaître, mais n'est-ce pas du au dernier changement de forumactif car moi je suis en PHbb2 et depuis les mises à jour je bug tout le temps

voilà ce que ça me donne une fois que j'ai clique plusieurs fois

Code:

<table>
  <tbody> </tbody> <tbody></tbody> <tbody></tbody>
 <tr style="">
  
 <td colspan="2">
  
 <div class="box0">
  
 </div>
  
 <div class="box0">
  
 </div>
  
 </td>
  
 <td>
  
 <div class="box">
  
 </div>
  
 <div class="box">
  
 </div>
  
 </td>
  
 </tr><tbody></tbody><tbody></tbody><tbody></tbody>
</table>

Et j'ai pas espacé au départ

[Cé]

Bonsoir,

Tombée malade je ne m'étais pas penchée sur le recodage de ma PA afin de supprimer complètement la table mais je viens de le faire puisqu'aucune autre solution n'a pu m'être proposée.

@Faline, je vous remercie pour votre patience et votre temps. Je n'ai pas eu le loisir de voir ce que donne mon code sans son CSS sur votre forum test mais j'aurais sans doute dû vous le fournir si j'étais bien à la recherche d'une solution esthétique, ce qui n'est pas le cas ^^
L'utilisation des div au lieu de span me permet de ne pas avoir à ajouter de br puisque la PA ne prend pas en compte les sauts de ligne "textuels" (alors qu'elle en génère seule, allez comprendre). Chaque div est donc pensée pour être une boite contenant une ou plusieurs boites, celles-ci ne contenant parfois qu'un mot parfois non, ce qui reste en soit très logique.
Les réseaux sociaux se trouvent sur mon forum juste à gauche, "accrochés" à côté de la PA. Ce bloc est en position absolute. Sans le CSS cela devait être plutôt gênant, ce bloc n'est même pas dans la table ^^;
En suivant vos conseils j'ai néanmoins supprimé le center en modifiant mon code (ce qui n'a pas changé le problème en lui-même) afin de mettre fin à l'utilisation de cette balise obsolète


Je tiens à préciser que le problème persiste toujours et qu'il n'est pas lié à l'apparence du forum mais bien à la génération par le module de page d'accueil (ou je ne sais comment il faut appeler ça mais c'est ce qui espace tous les codes tout seul aussi je suppose) de balises tbody qui ne sont pas nécessaires, se dupliquent à chaque modification du code et en plus modifient l'apparence du forum.

Comme le précise bAnk je ne vois qu'une mise à jour récente pour expliquer ce problème que nous ne sommes sûrement pas les seuls à avoir. Je ne vois donc pas comment on peut imputer ceci à mon/nos code(s) alors que cela vient clairement d'un changement récent qui n'a rien à voir. Comment préciser dans mon premier message, il n'y a eu aucune modification de la structure de mon code depuis fin novembre et le problème est apparu, vraisemblablement il y a quelques semaines (à en juger par le nombre de tbody présentes quand je me suis aperçu du problème).

Néanmoins j'ai pris les devants et j'ai totalement supprimé la table de mon code ce qui a aussi bloqué (supprimé?) la génération de ces balises envahissantes. Pour la remplacer il m'a simplement fallu coder des flex-box et mes blocs en div se sont placés exactement comme ils l'étaient avec la table.

Donc @bAnk je vous conseille, dans la mesure du possible, de remplacer l'utilisation d'une table dans vos codes de PA (et en général) par l'utilisation de flex-box dont tout ce que je sais se trouve sur W3C et s'appuie sur pas mal de tâtonnements. Bon courage à vous !

Mon problème je l'ai donc résolu seule en adaptant un code certes imparfait mais qui fonctionnait très bien depuis des mois (la màj de fin novembre n'ayant fait qu'ajouter un morceau de structure sur la même logique initiale). Il m'a fallu pour cela supprimer tout code se rapportant à une table. LE VRAI problème en lui-même n'est donc, au moment où je poste ceci, pas résolu.
À moins qu'il soit désormais déconseillé aux forums d'utiliser une balise table dans la page d'accueil ?

[Faline]

Bonjour,

Je suis désolée, j'avais fini par enlever le code (j'avais prévu de le laisser quelques heures, maximum une journée).
L'autre solution est de préparer le texte/tableau ailleurs et de mettre juste une iframe dans le message d'accueil.

[bAnk]

@Cé : je te remercie je vais sur le site que tu m'as donné

@Faline : si j'ai compris faut réaliser une iframe si je veux garder mon tableau tel quel ?

[Lixyr]

Bonjour,

J'ai vérifié et il ne semble pas qu'il y ait d'erreur dans votre code. A priori, le soucis vient directement de l'éditeur.

Lorsque je poste

Code:

<table><tr><td>////</td></tr></table>

j'obtiens

Code:

<table>
   <tbody>
   </tbody>
   <tr style="">
      <td>
         texte
      </td>
   </tr><tbody></tbody>
</table>

Et ce quoi que je fasse.

Donc j'ai envie de vous répondre que pour l'instant, la meilleure chose à faire est de modifier votre code pour supprimer les tableaux, et utiliser des balises de positionnement (qui sont faites pour ça, contrairement à la balise table).

[Cé]

Bonsoir,

@Faline Il n'y a pas de soucis pour le code sur votre forum
Une iframe peut être une solution de replis mais elle prend de la place et est bien moins adaptée sur ce genre d'espace. C'est même encore pire pour le référencement et pour peu que les informations mises sur la PA soient importantes, on préfère qu'elles soient référencées avec le reste du forum :/

@bAnk Bon courage !

@Lixyr Merci d'avoir regardé ! Se débarrasser des tableaux est une solution empirique. Moi-même je ne l'ai remarqué qu'après plusieurs petites màj du contenu de la PA et seulement parce que l'accumulation de tbody crée un espace entre les tr sur Mozilla (c'est totalement invisible sur Chrome) qui m'a été signalé par des membres.
Si le problème vient de l'éditeur il faut espérer qu'il ne modifie et ne modifiera que ça à l'avenir aussi. Comme dit plus haut la PA est primordiale pour certains forums, c'est ce que voient les membres et les invités en premier ou presque alors ça peut être rapidement handicapant :/

Cela dit je me suis débarrassée du tableau et je ne compte pas l'y remettre. Seulement je ne voudrais pas que l'éditeur se retrouve à générer d'autres codes ailleurs à l'avenir. J'ai besoin que le reste de l'équipe d'administration du forum puissent mettre à jour les informations de notre PA sans que je sois obligée de vérifier à chaque fois que la structure n'a pas bougé sur aucun navigateur.

[Lixyr]

J'ai signalé ce soucis. Pour l'instant, je ne peux pas vous en dire plus.

[bAnk]

@lixyr: merci pour l'info et j'attends avec patience si cela doit rester ou bien commencer à trouver une autre solution car toutes les pa que j'ai codé je vais devoir les refaire

[Lixyr]

La solution la plus simple si vous avez des tables, et de mettre le code directement dans le template index_body, à cet endroit :

Code:

<!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">IIIIIIIICCCCCCCCIIIIIIIIII</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->

A la place de "IIIIIIIICCCCCCCCIIIIIIIIII".

[bAnk]

Roh !!! je vais tester **

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 12 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées.