Probleme code

par Nenviel Sam 1 Nov 2014 - 18:42

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://idwtfms.forumgratuit.org

Description du problème

Bonjour/ Bonsoir

Alors j'ai un problème que je vais tenter de vous expliquer même si c'est un peu dure.

Comment dire j'ai l'impression que mon forum ou mes codes bug.

Quand je poste une premiere fois mon code tout est parfait et il s'affiche bien. Par contre si je l'édite ( même juste pour modifier le texte) et que je reposte, la catastrophe, mon code se déforme.

Comme vous pouvez le voir sur l'image je vous montre deux exemples.

Code 1er exemple :

Code:: <link href='http://fonts.googleapis.com/css?family=Belleza|Romanesco&subset=latin,latin-ext' rel='stylesheet' type='text/css'> <style>.bloc {margin: auto; width: 550px; background-color: #F2E9DF; border-top: 3px solid #781A4D; border-bottom: 3px solid #781A4D; border-radius: 20px 0px 20px 0px; transition: 1s; padding: 10px; color: #781A4D;} .bloc:hover {transition: 1s; border-radius: 0px 20px 0px 20px;} .gt {font-family: 'Romanesco', cursive; font-size: 50px; color: #781A4D; text-shadow: 1px 1px 0px #FFE6D7; display: block; border-bottom: 1px dotted #781A4D; padding-top: 10px; letter-spacing: 2px; margin-top: -20px;} .pt {font-family: 'Romanesco', cursive; font-size: 30px; color: #781A4D; text-shadow: 1px 1px 0px #FFE6D7; display: block; border-bottom: 1px dotted #781A4D; padding-top: 10px; padding-bottom: 10px; letter-spacing: 1px;} .fastnav {font-family: 'Romanesco', cursive; font-size: 20px; color: #781A4D; text-shadow: 1px 1px 0px #FFE6D7; padding-top: 10px; padding-bottom: 10px; letter-spacing: 1px; margin-left: auto; margin-right: auto; text-align: center;} a.fastnav {font-family: 'Romanesco', cursive; font-size: 20px; color: #781A4D!important; text-decoration: none!important; text-shadow: 1px 1px 0px #FFE6D7; padding-top: 10px; padding-bottom: 10px; letter-spacing: 1px; transition: 1s;} a.fastnav:hover {color: #FFE6D7!important; text-shadow: 1px 1px 0px #781A4D; transition: 1s;} .contexte_pub {color: #711041; font-family: 'Belleza', sans-serif; width: 400px; height: 170px; overflow: auto; text-align: justify; font-size: 12px; margin-left: auto; margin-right: auto;} .pres_pub {color: #781A4D; font-family: 'Belleza', sans-serif; width; 500px; text-align: justify; font-size: 15px; margin-left: auto; margin-right: auto;} .contenu_pres_pub {color: #711041; font-family: 'Belleza', sans-serif; width: 400px; max-height: 200px; overflow: auto; text-align: justify; font-size: 12px; margin-left: auto; margin-right: auto;} .contenu_predef_liens {color: #711041; font-family: 'Belleza', sans-serif; width: 500px; height: 100px; overflow: auto; text-align: justify; font-size: 12px; margin-left: auto; margin-right: auto;} .lien_predef {font-family: 'Romanesco', cursive; font-size: 14px; color: #781A4D; text-shadow: 1px 1px 0px #FFE6D7; padding-top: 10px; padding-bottom: 10px; letter-spacing: 1px; margin-left: auto; margin-right: auto; text-align: center;} a.excelo {color: #781A4D!important; text-decoration: none!important; transition: 1s; font-weight: bold; font-size: 9px;} a.excelo:hover { color: #781A4D!important; transition: 1s; font-weight: bold;}</style> <div class="bloc"><img src="http://image.noelshack.com/fichiers/2014/44/1414626235-ban-1.png" style="width: 550px;"><center><span class="gt">I don’t want to forget my story </span></center> <center><span class="pt">Contexte</span></center> <table><tr><td><img src="http://image.noelshack.com/fichiers/2014/44/1414626482-troian25-1.png" style="border-radius: 60px; padding: 10px;"> <img src="" style="border-radius: 60px; padding: 10px;"></td><td><div class="contexte_pub"><span style="color: #781A4D; font-weight: bold;">❝ Extrait du contexte ❞</span> • Eh ! Oui vous ! Si je vous demande si vous croyez en la magie, que me répondrez-vous ? Il y a des gens qui me diront que la magie n'est que de la poussière qui fait croire aux enfants que dans la vie tout est possible. Et il y en a d'autres qui pensent que la magie réside dans le cœur de tous, au plus profond de nous, sans que nous ne le sachions. Et bien moi je pense que chacun, aussi ordinaire soyons-nous, cache quelque chose d'extraordinaire. Nous avons tous rêvé être le héros d'une aventure grandiose, avec des créatures magiques et des ennemis aux pouvoirs maléfiques... Et si les conteurs et les histoires disaient vrai . La personne qui marche dans la rue là-bas, et si c'était Blanche Neige ? Et ce garçon qui court, si c'était Peter Pan ? Ou bien Pinocchio ? Ou alors le méchant Jafar ? Souvent la vérité n'est pas toujours ce qu'on croit... Dans le grand pays de l'oncle Sam, au nord oust, une petite ville cache bien des secrets... Sauriez-vous discerner la réalité du songe . Alors bienvenue à Hope Haven.</div> <a href="http://idwtfms.forumgratuit.org/t54-le-reglement" class="fastnav">Règlement</a> • <a href="http://idwtfms.forumgratuit.org/t56-le-contexte" class="fastnav">Contexte</a> • <a href="http://idwtfms.forumgratuit.org/f10-scenario" class="fastnav">Scénarios</a> • <a href="http://idwtfms.forumgratuit.org/t68-notre-formulaire" class="fastnav">Partenaires</a></center></td></tr></table> <center><span class="pt">Qui sommes-nous ?</span></center> <div class="pres_pub">☁ Présentation du forum • On est les meilleur !</div> <div class="contenu_pres_pub">•I don't want to forget my story est un forum RPG convivial basé sur les univers des dessins animés/livre/film/jeux vidéo . La base de ce forum est que tout les mondes se sont effondré dans le notre, vous pourez aussi bien incarner Raiponce, Esmeralda ou même Pacman si vous voulez. Aller, viens vivre tes rêves avec nous. Nous vous précison que ce n'est pas un forum rpg Once Upon A Time. On adore la série, mais on est seulement centrées sur tout les univers, donc pas de Storybrook, de Emma Swan, j'en passe et des meilleurs. Merci! Le forum est ouvert depuis le et il est administré par </div> <center><span class="pt">Quelques prédéfinis</span></center> <div class="contenu_predef_liens"><img src="http://www.disruptorbeam.com/images/avatars/uploads/avatar_86305.png" style="float: left; border-radius: 60px; padding: 10px; width: 90px;"><span style="color: #781A4D; font-weight: bold;">❝ Nom Prénom ❞</span> • Quidem regiones velut in prominenti terrarum lingua positae ob orbe eoo monte Amano disparantur.Et quia Mesopotamiae tractus omnes crebro inquietari sueti praetenturis et stationibus servabantur agrariis, laevorsum flexo itinere Osdroenae subsederat extimas partes, novum parumque aliquando temptatum commentum adgressus. quod si impetrasset, fulminis modo cuncta vastarat. erat autem quod cogitabat huius modi.Nunc vero inanes flatus quorundam vile esse quicquid extra urbis pomerium nascitur aestimant praeter orbos et caelibes, nec credi potest qua obsequiorum diversitate coluntur homines sine liberis Romae.Nec sane haec sola pernicies orientem diversis cladibus adfligebat. Namque et Isauri, quibus est usitatum saepe pacari saepeque inopinis excursibus cuncta miscere, ex latrociniis occultis et raris, alente inpunitate adulescentem in peius audaciam ad bella gravia proruperunt, diu quidem perduelles spiritus inrequietis motibus erigentes, hac tamen indignitate perciti vehementer, ut iactitabant, quod eorum capiti quidam consortes apud Iconium Pisidiae oppidum in amphitheatrali spectaculo feris praedatricibus obiecti sunt praeter morem. <a href="#" class="lien_predef">WWW</a></div> <div class="contenu_predef_liens"><img src="http://www.disruptorbeam.com/images/avatars/uploads/avatar_86305.png" style="float: left; border-radius: 60px; padding: 10px; width: 90px;"><span style="color: #781A4D; font-weight: bold;">❝ Nom Prénom ❞</span> • Quidem regiones velut in prominenti terrarum lingua positae ob orbe eoo monte Amano disparantur.Et quia Mesopotamiae tractus omnes crebro inquietari sueti praetenturis et stationibus servabantur agrariis, laevorsum flexo itinere Osdroenae subsederat extimas partes, novum parumque aliquando temptatum commentum adgressus. quod si impetrasset, fulminis modo cuncta vastarat. erat autem quod cogitabat huius modi.Nunc vero inanes flatus quorundam vile esse quicquid extra urbis pomerium nascitur aestimant praeter orbos et caelibes, nec credi potest qua obsequiorum diversitate coluntur homines sine liberis Romae.Nec sane haec sola pernicies orientem diversis cladibus adfligebat. Namque et Isauri, quibus est usitatum saepe pacari saepeque inopinis excursibus cuncta miscere, ex latrociniis occultis et raris, alente inpunitate adulescentem in peius audaciam ad bella gravia proruperunt, diu quidem perduelles spiritus inrequietis motibus erigentes, hac tamen indignitate perciti vehementer, ut iactitabant, quod eorum capiti quidam consortes apud Iconium Pisidiae oppidum in amphitheatrali spectaculo feris praedatricibus obiecti sunt praeter morem. <a href="#" class="lien_predef">WWW</a></div> <center><span class="gt">C'pas une secte mais ... rejoins-nous !</span></center>

Code 2eme exemple

Code:: <style>.fiche {width: 500px; background-color: #D6D2BA;} .img_pres {border-radius: 100px 100px 0px 0px;} .titre_pres {font-family: 'Merienda One', cursive; font-size: px; text-align: center; position: relative; top: -0.0em; color: #6B4E5F;}</style> <center><img src="http://zupimages.net/up/14/41/968u.gif" width="500px" class="img_pres"> <div class="fiche"><div class="titre_pres">[size=24]TITRE[/size]</div> <div style="background-color: #E9E4E0;} #6B4E5F; width: 420px; height: px; -moz-border-radius-topleft: 11px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; line-height: px;"> Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte- </DIV> </DIV>

Par contre si quand j'édite, avant d’enregistrer, je copie l’intégralité de mon post pour le recoller ensuite. La c'est bon le code s'affiche normalement.

Vous me suivez? Je me demandais si ce n'était pas tout simplement mon forum qui déconnait.... un problème de CSS ou de templates peut être?

En espérant que vous puissiez m'aider

Merci d'avance

par Scoubifitz Dim 2 Nov 2014 - 2:39

bonjour,

pour le premier exemple , il y a deux espaces devant le "width" (à supprimer) :

Code:: <style>.bloc {margin: auto; width: 550px;

il y a aussi une balise de fermeture "center" à la fin du tableau (à supprimer) :

Code:: <a href="http://idwtfms.forumgratuit.org/t54-le-reglement" class="fastnav">Règlement</a> • <a href="http://idwtfms.forumgratuit.org/t56-le-contexte" class="fastnav">Contexte</a> • <a href="http://idwtfms.forumgratuit.org/f10-scenario" class="fastnav">Scénarios</a> • <a href="http://idwtfms.forumgratuit.org/t68-notre-formulaire" class="fastnav">Partenaires</a></center></td></tr></table>

et enfin , il manque la balise de fermeture de <div class="bloc"> (à rajouter)

pour le 2e code , je vous laisse trouver les différences ...

Code:: <style>.fiche{width:500px;background-color:#D6D2BA;}.img_pres{border-radius:100px 100px 0 0;width:500px;}.titre_pres {font-family:'Merienda One',cursive;text-align:center;position: relative;top: 0;color: #6B4E5F;}</style> <center><img src="http://zupimages.net/up/14/41/968u.gif" class="img_pres" /> <div class="fiche"><div class="titre_pres">[size=24]TITRE[/size]</div> <div style="background-color: #E9E4E0;width: 420px; border-radius: 11px 0px 0px 0px;"> Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte- </div> </div> </center>

par Nenviel Jeu 6 Nov 2014 - 17:34

Merci de m'avoir aidé. Malheureusement même après avoir rectifier les erreurs, mes codes continuent de se déformer. Chose qu'il ne font pas quand il sont sur d'autres forums.

par Scoubifitz Jeu 6 Nov 2014 - 20:33

même le deuxième ?

en simplifiant ce code là , on peut arriver à ça :

Code:: <style>.fiche{width:500px;background-color:#D6D2BA;margin:auto;text-align:center;}.fiche,.fiche>img{border-radius:100px 100px 0 0;}.fiche h2 {font-size:24px;font-family:'Merienda One',cursive;color: #6B4E5F;}.fiche .contenu {background-color: #E9E4E0;width: 420px; border-radius: 11px 0px 0px 0px;margin:auto;}</style> <div class="fiche">[img]http://zupimages.net/up/14/41/968u.gif[/img] [h2]TITRE[/h2] <div class="contenu"> Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte-Texte- </div> </div>