BUG : Balises tbody qui apparaissent toute seule.
+2
mSyx
professeur felyne
6 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
BUG : Balises tbody qui apparaissent toute seule.
Détails techniques
Version du forum : phpBB2Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis plus de 2-3ans
Lien du forum : http://monsterhunterfrance.forumactif.com/
Description du problème
Bonsoir.Depuis très longtemps j'ai un bug lors du codage HTML dans les messages de page d'accueil du forum.
Affichage - Page d'accueil - généralités - message sur la page d’accueil - contenu du message
En effet, lorsque je rentre un tableau en HTML, dès que je clic sur le bouton "enregistrer", des balises
- Code:
<tbody></tbody>
Si j'ai le malheur de vouloir changer le code sans retirer les balises tbody, le tableau se déforme totalement et donne un rendu très très sale à la page d'accueil à l'entête forum.
- Mon code épuré:
- Code:
<div id="welcome_pa">
Bienvenue sur le forum {USERNAME}!<br /><br />
</div><span style="font-size: 18px;">Un problème? Demandez de l'aide dans les sections Entraide dédiées!<br />L'inscription n'est pas requise pour ça!<br /><br />Sinon, lisez le <a href="https://monsterhunterfrance.forumactif.com/t703-reglement-general">règlement</a> puis <a href="https://monsterhunterfrance.forumactif.com/f78-presentations">présentez-vous</a> pour nous rejoindre!</span>
<div>
<span style="font-size: 18px;"><br /></span> <br />
<table>
<tr style="">
<td class="contenu_principal_pa" style="width: 235px;">
EVENTS MHWorld
</td>
<td class="info_pa" rowspan="5" style="width: 330px;">
<div align="center">
<iframe src="https://www.youtube.com/embed/mjii6hoS5VQ?showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="" style="width: 330px; height: 240px;"></iframe>
</div>
</td>
<td class="contenu_principal_pa" style="width: 235px;">
HISTOIRE
</td>
</tr>
<tr style="">
<td class="info_pa">
<div align="center">
<a href="http://calendrier.mhw.ovh/" title="Calendrier des évents Monster Hunter World" target="_blank"><img style="width: 100px; height: 100px;" src="https://cdn.shopify.com/s/files/1/0883/1856/products/DoubleJump_MH_Calendar_2016_01_1024x1024.jpg?v=1437058807" /></a><br />Crédits : Lightphenix
</div>
</td>
<td class="info_pa">
- Forum créé le et nommé Professeur Felyne (<a href="https://monsterhunterfrance.forumactif.com">www.professeurfelyne.com</a>) le 28 Juillet 2011.<br />-Arrivée de Masuku le 10 Juin 2015.<br />-Alliance avec le groupe "Monster Hunter France" le 8 Janvier 2018 et forum renommé "Monster Hunter France" le 18 Janvier 2018
</td>
</tr>
<tr style="">
<td>
</td>
<td>
</td>
</tr>
<tr style="">
<td class="contenu_principal_pa">
CONTACTS
</td>
<td class="contenu_principal_pa">
PARTENAIRES
</td>
</tr>
<tr style="">
<td class="info_pa" align="center">
<a href="https://www.facebook.com/MonsterHunterFrance" title="Facebook" target="_blank"><img style="width: 25x; height: 25px;" src="https://cdn.icon-icons.com/icons2/159/PNG/256/facebook_22567.png" /></a><a href="https://twitter.com/P_Felyne" title="Twitter" target="_blank"><img style="width: 25px; height: 25px;" src="https://nsm08.casimages.com/img/2016/03/31//16033105473721395314110909.png" /></a><a href="https://www.youtube.com/user/professeurfelyne?sub_confirmation=1" title="Youtube" target="_blank"><img style="width: 25px; height: 25px;" src="http://media.indiedb.com/images/games/1/35/34828/auto/Youtube_logo-2.png" /></a><a href="http://www.twitch.tv/professeurfelyne" title="Twitch" target="_blank"><img style="width: 25px; height: 25px;" src="http://media.indiedb.com/images/games/1/35/34828/auto/twitch.png" /></a><a href="/t3508-carte-de-referencement-francaise-pour-les-events-monster-hunter" title="Hunter Map" target="_blank"><img style="width: 25px; height: 25px;" src="https://upload.wikimedia.org/wikipedia/commons/e/e4/France_Flag_Map.svg" /></a>
</td>
<td class="info_pa" align="center">
<a href="http://horde-orugaron.forumactif.com/" title="Team : La Horde de l'Orugaron" target="_blank"><img style="width: 40px; height: 20px;" src="https://2img.net/u/2616/20/79/92/album/bannie13.png" /></a><a href="http://rpgmonsterhunterhelper.weebly.com/" title="RPG Monster Hunter" target="_blank"><img style="width: 40px; height: 20px;" src="http://rpgmonsterhunterhelper.weebly.com/uploads/8/1/1/5/81155470/3686188.png?458" /></a><a href="https://discordapp.com/invite/mhfr" title="DiscordMHFR officiel" target="_blank"><img style="width: 40px; height: 20px;" src="https://2img.net/image.noelshack.com/fichiers/2017/47/7/1511705422-logo-discord-zelda4.png" /></a>
</td>
</tr>
</table>
</div>
- Mon code après enregistrement:
- Code:
<div id="welcome_pa">
Bienvenue sur le forum {USERNAME}!<br /><br />
</div><span style="font-size: 18px;">Un problème? Demandez de l'aide dans les sections Entraide dédiées!<br />L'inscription n'est pas requise pour ça!<br /><br />Sinon, lisez le <a href="https://monsterhunterfrance.forumactif.com/t703-reglement-general">règlement</a> puis <a href="https://monsterhunterfrance.forumactif.com/f78-presentations">présentez-vous</a> pour nous rejoindre!</span>
<div>
<span style="font-size: 18px;"><br /></span> <br />
<table>
<tbody></tbody>
<tr style="">
<td style="width: 235px;" class="contenu_principal_pa">
EVENTS MHWorld
</td>
<td style="width: 330px;" rowspan="5" class="info_pa">
<div align="center">
<iframe style="width: 330px; height: 240px;" allowfullscreen="" allow="autoplay; encrypted-media" frameborder="0" src="https://www.youtube.com/embed/mjii6hoS5VQ?showinfo=0"></iframe>
</div>
</td>
<td style="width: 235px;" class="contenu_principal_pa">
HISTOIRE
</td>
</tr><tbody> </tbody>
<tr style="">
<td class="info_pa">
<div align="center">
<a target="_blank" title="Calendrier des évents Monster Hunter World" href="http://calendrier.mhw.ovh/"><img src="https://cdn.shopify.com/s/files/1/0883/1856/products/DoubleJump_MH_Calendar_2016_01_1024x1024.jpg?v=1437058807" style="width: 100px; height: 100px;" /></a><br />Crédits : Lightphenix
</div>
</td>
<td class="info_pa">
- Forum créé le et nommé Professeur Felyne (<a href="https://monsterhunterfrance.forumactif.com">www.professeurfelyne.com</a>) le 28 Juillet 2011.<br />-Arrivée de Masuku le 10 Juin 2015.<br />-Alliance avec le groupe "Monster Hunter France" le 8 Janvier 2018 et forum renommé "Monster Hunter France" le 18 Janvier 2018
</td>
</tr><tbody> </tbody>
<tr style="">
<td>
</td>
<td>
</td>
</tr><tbody> </tbody>
<tr style="">
<td class="contenu_principal_pa">
CONTACTS
</td>
<td class="contenu_principal_pa">
PARTENAIRES
</td>
</tr><tbody> </tbody>
<tr style="">
<td align="center" class="info_pa">
<a target="_blank" title="Facebook" href="https://www.facebook.com/MonsterHunterFrance"><img src="https://cdn.icon-icons.com/icons2/159/PNG/256/facebook_22567.png" style="width: 25x; height: 25px;" /></a><a target="_blank" title="Twitter" href="https://twitter.com/P_Felyne"><img src="https://nsm08.casimages.com/img/2016/03/31//16033105473721395314110909.png" style="width: 25px; height: 25px;" /></a><a target="_blank" title="Youtube" href="https://www.youtube.com/user/professeurfelyne?sub_confirmation=1"><img src="http://media.indiedb.com/images/games/1/35/34828/auto/Youtube_logo-2.png" style="width: 25px; height: 25px;" /></a><a target="_blank" title="Twitch" href="http://www.twitch.tv/professeurfelyne"><img src="http://media.indiedb.com/images/games/1/35/34828/auto/twitch.png" style="width: 25px; height: 25px;" /></a><a target="_blank" title="Hunter Map" href="/t3508-carte-de-referencement-francaise-pour-les-events-monster-hunter"><img src="https://upload.wikimedia.org/wikipedia/commons/e/e4/France_Flag_Map.svg" style="width: 25px; height: 25px;" /></a>
</td>
<td align="center" class="info_pa">
<a target="_blank" title="Team : La Horde de l'Orugaron" href="http://horde-orugaron.forumactif.com/"><img src="https://2img.net/u/2616/20/79/92/album/bannie13.png" style="width: 40px; height: 20px;" /></a><a target="_blank" title="RPG Monster Hunter" href="http://rpgmonsterhunterhelper.weebly.com/"><img src="http://rpgmonsterhunterhelper.weebly.com/uploads/8/1/1/5/81155470/3686188.png?458" style="width: 40px; height: 20px;" /></a><a target="_blank" title="DiscordMHFR officiel" href="https://discordapp.com/invite/mhfr"><img src="https://2img.net/image.noelshack.com/fichiers/2017/47/7/1511705422-logo-discord-zelda4.png" style="width: 40px; height: 20px;" /></a>
</td>
</tr><tbody> </tbody>
</table>
</div>
Dernière édition par professeur felyne le Mar 9 Juin 2020 - 22:09, édité 2 fois
Re: BUG : Balises tbody qui apparaissent toute seule.
Désolé, j'ai voulu re-éditer une faute d'orthographe et j'ai cliqué sur le bouton "citation" à la place sans m'en apercevoir...
Je ne peux hélas pas effacer le doublon donc je remplace par ces écrits explicatifs.
Je ne peux hélas pas effacer le doublon donc je remplace par ces écrits explicatifs.
Re: BUG : Balises tbody qui apparaissent toute seule.
Hello o/
Franchement, la meilleure chose à faire serait d'utiliser des div à la place des table; elles sont assez obsolètes et pratiquement plus utilisées pour des mises en page complètes.
Franchement, la meilleure chose à faire serait d'utiliser des div à la place des table; elles sont assez obsolètes et pratiquement plus utilisées pour des mises en page complètes.
Re: BUG : Balises tbody qui apparaissent toute seule.
Bonjour,
C'est vrai que l'éditeur de page HTML est capricieux. Dans un certain sens c'est bien parce qu'il râle quand il y a des erreurs. Là le code est propre, si ce n'est que vous mettez une balise table dans une balise div...
Comme l'a dit mSyx, préférez les div au table, qui ne sont pas faites pour la mise en page !
C'est vrai que l'éditeur de page HTML est capricieux. Dans un certain sens c'est bien parce qu'il râle quand il y a des erreurs. Là le code est propre, si ce n'est que vous mettez une balise table dans une balise div...
Comme l'a dit mSyx, préférez les div au table, qui ne sont pas faites pour la mise en page !
Pour faciliter la recherche et l'entraide, le topic est déplacé dans une section plus appropriée. |
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: BUG : Balises tbody qui apparaissent toute seule.
professeur felyne a écrit:Merci pour les réponses sauf que l'effet désiré n'est pas possible avec une DIV.mSyx a écrit:Franchement, la meilleure chose à faire serait d'utiliser des div à la place des table
Ah si, c'est entièrement possible. Soit en divs normales en gérant la largeur, soit en transformant les div en table; tu as même un générateur pour la dernière option: https://divtable.com/generator/
Re: BUG : Balises tbody qui apparaissent toute seule.
Hello mSyx,
merci bien pour se convertisseur vraiment bien utile dans ce cas de figure!!
a++
merci bien pour se convertisseur vraiment bien utile dans ce cas de figure!!
a++
Invité- Invité
Re: BUG : Balises tbody qui apparaissent toute seule.
mSyx a écrit:professeur felyne a écrit:Merci pour les réponses sauf que l'effet désiré n'est pas possible avec une DIV.mSyx a écrit:Franchement, la meilleure chose à faire serait d'utiliser des div à la place des table
Ah si, c'est entièrement possible. Soit en divs normales en gérant la largeur, soit en transformant les div en table; tu as même un générateur pour la dernière option: https://divtable.com/generator/
Je viens de tester et non il m'est impossible avec une div de convertir le rowspan="5" que j'ai mis dans le tableau en table.
La conversion en DIV déforme totalement mon tableaux.
Voici l'effet que je désires avoir :
EVENT | VIDEO YOUTUBE | HISTOIRE |
IMAGE | TEXTE | |
RIEN | RIEN | |
CONTACTS | PARTENAIRES | |
IMAGES | IMAGES |
Re: BUG : Balises tbody qui apparaissent toute seule.
Bonjour, Où en-est votre problème ?
|
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: BUG : Balises tbody qui apparaissent toute seule.
Bonjour,
Le web évolue tout le temps et j'avoue que même si ça fait longtemps que je n'ai pas suivi l'actualité si l'on travail pour des navigateurs modernes moi je vais préférer la propriété flex qui est beaucoup moins contraignant que les tables et en terme de flexibilité et d'adaptation à la largeur. C'est beaucoup mieux et cette propriété est très bien expliqué dans ce tutoriel
Le web évolue tout le temps et j'avoue que même si ça fait longtemps que je n'ai pas suivi l'actualité si l'on travail pour des navigateurs modernes moi je vais préférer la propriété flex qui est beaucoup moins contraignant que les tables et en terme de flexibilité et d'adaptation à la largeur. C'est beaucoup mieux et cette propriété est très bien expliqué dans ce tutoriel
Re: BUG : Balises tbody qui apparaissent toute seule.
professeur felyne a écrit:
Je viens de tester et non il m'est impossible avec une div de convertir le rowspan="5" .../...
Voici l'effet que je désires avoir :
EVENT VIDEO YOUTUBE HISTOIRE IMAGE TEXTE RIEN RIEN CONTACTS PARTENAIRES IMAGES IMAGES
Bonjour,
il ne faut pas penser "tableau en 5 lignes", mais "tableau en 3 colonnes" ...
chaque colonne sera une division de cellule de tableau remplie de plusieurs divisions .
on peut donc définir la hauteur de ces divisions dans chaque colonne .
- pour les titres
- le contenu
- contacts et partenaires
Sauvegardez votre code , puis remplacez le par celui ci:
- code HTML:
- Code:
<div class="welcome_pa">
<h4>Bienvenue sur le forum {USERNAME}!</h4>
<p>
Un problème? Demandez de l'aide dans les sections Entraide dédiées!<br/>
L'inscription n'est pas requise pour ça!
</p>
<p>
Sinon, lisez le <a href="https://monsterhunterfrance.forumactif.com/t703-reglement-general">règlement</a> puis <a href="https://monsterhunterfrance.forumactif.com/f78-presentations">présentez-vous</a> pour nous rejoindre!
</p>
</div>
<div class="table_pa">
<div class="cell_pa side_pa bground_pa">
<div class="titres_pa">
EVENTS MHWorld
</div>
<div class="contenu_pa">
<a href="http://calendrier.mhw.ovh/" title="Calendrier des évents Monster Hunter World" target="_blank"><img style="width: 100px; height: 100px;" src="https://cdn.shopify.com/s/files/1/0883/1856/products/DoubleJump_MH_Calendar_2016_01_1024x1024.jpg?v=1437058807"/></a><br/>
Crédits : Lightphenix
</div>
<div class="titres_pa">
CONTACTS
</div>
<div class="logos_pa">
<a href="https://www.facebook.com/MonsterHunterFrance" title="Facebook" target="_blank"><img style="width: 25x; height: 25px;" src="https://cdn.icon-icons.com/icons2/159/PNG/256/facebook_22567.png"/></a><a href="https://twitter.com/P_Felyne" title="Twitter" target="_blank"><img style="width: 25px; height: 25px;" src="https://nsm08.casimages.com/img/2016/03/31//16033105473721395314110909.png"/></a><a href="https://www.youtube.com/user/professeurfelyne?sub_confirmation=1" title="Youtube" target="_blank"><img style="width: 25px; height: 25px;" src="http://media.indiedb.com/images/games/1/35/34828/auto/Youtube_logo-2.png"/></a><a href="http://www.twitch.tv/professeurfelyne" title="Twitch" target="_blank"><img style="width: 25px; height: 25px;" src="http://media.indiedb.com/images/games/1/35/34828/auto/twitch.png"/></a><a href="/t3508-carte-de-referencement-francaise-pour-les-events-monster-hunter" title="Hunter Map" target="_blank"><img style="width: 25px; height: 25px;" src="https://upload.wikimedia.org/wikipedia/commons/e/e4/France_Flag_Map.svg"/></a>
</div>
</div>
<div class="cell_pa bground_pa valign_pa">
<iframe src="https://www.youtube.com/embed/mjii6hoS5VQ?showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="" style="width: 330px; height: 240px;">
</iframe>
</div>
<div class="cell_pa side_pa bground_pa">
<div class="titres_pa">
HISTOIRE
</div>
<div class="cell_pa contenu_pa valign_pa left_pa">
- Forum créé et nommé par le Professeur Felyne (<a href="https://monsterhunterfrance.forumactif.com">www.professeurfelyne.com</a>) le 28 Juillet 2011.<br/>-Arrivée de Masuku le 10 Juin 2015.<br/>-Alliance avec le groupe "Monster Hunter France" le 8 Janvier 2018 et forum renommé "Monster Hunter France" le 18 Janvier 2018
</div>
<div class="titres_pa">
PARTENAIRES
</div>
<div class="logos_pa">
<a href="http://horde-orugaron.forumactif.com/" title="Team : La Horde de l'Orugaron" target="_blank"><img style="width: 40px; height: 20px;" src="https://2img.net/u/2616/20/79/92/album/bannie13.png"/></a><a href="http://rpgmonsterhunterhelper.weebly.com/" title="RPG Monster Hunter" target="_blank"><img style="width: 40px; height: 20px;" src="http://rpgmonsterhunterhelper.weebly.com/uploads/8/1/1/5/81155470/3686188.png?458"/></a><a href="https://discordapp.com/invite/mhfr" title="DiscordMHFR officiel" target="_blank"><img style="width: 40px; height: 20px;" src="https://2img.net/image.noelshack.com/fichiers/2017/47/7/1511705422-logo-discord-zelda4.png"/></a>
</div>
</div>
</div>
- code CSS:
- Code:
.welcome_pa{
padding: 5px 0;
font-size: 18px;
text-align:center;
margin:auto;
}
.table_pa{
display:table;
text-align:center;
margin:auto;
}
.cell_pa{
display:table-cell;
}
.side_pa{
width: 230px;
}
.bground_pa {
background-color:#FAEBD7;
border:3px solid #F7FBFF;
font-size:8pt;
}
.titres_pa {
background-image:url(https://nsm07.casimages.com/img/2017/12/07//17120708134521395315406331.jpg);
background-position:center;
color:#FFF;
font-family:Arial;
font-size:16pt;
padding :7px 0;
text-align:center;
text-shadow:2px 2px 1px #000;
text-transform:uppercase;
border-top:3px solid #fff;
border-bottom:3px solid #fff;
}
.contenu_pa{
height:120px;
text-align:center;
margin:auto;
}
.valign_pa{
vertical-align:middle;
}
.left_pa{
text-align:left;
}
.logos_pa{
height:35px;
}
Re: BUG : Balises tbody qui apparaissent toute seule.
Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu » |
Re: BUG : Balises tbody qui apparaissent toute seule.
Non, le sujet n'est pas résolu vu qu'il s'agit d'un signalement de bug sur Forumactif.
J'avais pas vu par contre l'une des réponses que je vais tenter d'appliquer. ^^
EDIT : Le code de @"Scoubifitz" fonctionne parfaitement (merci beaucoup ).
Je vais tout de même mettre en résolu même si le bug du codage "table" n'est toujours pas résolu et bug toujours sur tous les forums.
J'avais pas vu par contre l'une des réponses que je vais tenter d'appliquer. ^^
EDIT : Le code de @"Scoubifitz" fonctionne parfaitement (merci beaucoup ).
Je vais tout de même mettre en résolu même si le bug du codage "table" n'est toujours pas résolu et bug toujours sur tous les forums.
Sujets similaires
» Insertion de balises tbody par l'éditeur de la page d'accueil
» Catégories en onglets : empêcher la page de "remonter toute seule"
» La largeur de mon forum s'agrandit toute seule
» Des balises inexistantes qui apparaissent quand même
» Balise <tbody> qui se répète
» Catégories en onglets : empêcher la page de "remonter toute seule"
» La largeur de mon forum s'agrandit toute seule
» Des balises inexistantes qui apparaissent quand même
» Balise <tbody> qui se répète
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum