Problème lors de la prévisualisation d'un codage HTML dans les messages
3 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
Problème lors de la prévisualisation d'un codage HTML dans les messages
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://crucio.forumactif.com/
Description du problème
Bonjour!J'espère que mon problème n'a pas été déjà vu mille fois et si c'est le cas je m'en excuse, mais en cherchant je n'ai rien trouvé.
J'ai un problèmes avec certains codages HTML lorsque je poste dans un message (ce n'est pas par rapport à la structure du forum mais vraiment par rapport au post d'un message). Donc j'ai mon codage tout propre, normalement il n'y a pas de problèmes, il fonctionne (cf : https://zupimages.net/up/19/03/k9vg.png ) par contre, lorsque je prévisualise le message puis que je le poste, le code beug (cf : https://zupimages.net/up/19/03/4par.png ).
J'ai le problème actuellement sur mon forum, mais je l'ai déjà eu avant également sur d'autres forums...
Voici le code :
- Spoiler:
- Code:
<center><div class="cadrefond"><img src="http://media.tumblr.com/08591baec96e41fb9ee99106037ea6b4/tumblr_inline_n5f0omBL5E1qhyycq.gif" style="width: 100%;"/>
<div class="dotted"><span class="grostitre"><b>“</b>Prénom Prénom Nom</span></div><div class="avacredit2">feat Personnalité choisie</div><div class="citationdelamortquitue">"Citation classe de la mort qui tue tout à travers le monde"</div>
<div class="titre2">Rôle</div>
<div class="cadres">
<div class="petiteligne"></div>
<div class="petitcadre" style="width: 300px; margin: 0 75px 0 75px; "><b>Nom :</b> <span class="reponse">Renseigner</span>
<b>Prénom :</b> <span class="reponse">Renseigner</span>
<b>Age :</b> <span class="reponse">Renseigner</span>
<b>Obédience politique :</b> <span class="reponse">Ordre du Phénix - Mangemort - Neutre</span>
<b>Métier :</b> <span class="reponse">Il faut bien gagner sa vie!</span>
<b>Sang :</b> <span class="reponse">pur - mélé - né-moldu ? </span>
</div>
<blockquote>Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus. Satis longa uita et in maximarum rerum consummationem large data est, si tota bene collocaretur; sed ubi per luxum ac neglegentiam diffluit, ubi nulli bonae rei impenditur, ultima demum necessitate cogente, quam ire non intelleximus transisse sentimus.</blockquote>
</div>
<div class="titre2">Relations</div>
<div class="cadres">
<div class="petiteligne"></div>
<table><tr><td>
<img src="http://images4.fanpop.com/image/photos/21800000/Hogwarts-Seal-harry-potter-vs-twilight-21881761-100-100.jpg" class="iconlien" /></td><td><div class="pseudolien">Prénom Nom</div><div class="petitcadre" style="height: 120px; margin: 0 30px 0 18px;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus. Satis longa uita et in maximarum rerum consummationem large data est, si tota bene collocaretur; sed ubi per luxum ac neglegentiam diffluit, ubi nulli bonae rei impenditur, ultima demum necessitate cogente, quam ire non intelleximus transisse sentimus. Ita est: non accipimus breuem uitam sed fecimus, nec inopes eius sed prodigi sumus. Sicut amplae et regiae opes, ubi ad malum dominum peruenerunt, momento dissipantur, at quamuis modicae, si bono custodi traditae sunt, usu crescunt: ita aetas nostra bene disponenti multum patet. Quid de rerum natura querimur? Illa se benigne gessit: uita, si uti scias, longa est.</div></td></tr><tr><td>
<img src="http://images4.fanpop.com/image/photos/21800000/Hogwarts-Seal-harry-potter-vs-twilight-21881761-100-100.jpg" class="iconlien" /></td><td><br /><div class="pseudolien">Prénom Nom</div><div class="petitcadre" style="height: 120px; margin: 0 30px 0 18px;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus. Satis longa uita et in maximarum rerum consummationem large data est, si tota bene collocaretur; sed ubi per luxum ac neglegentiam diffluit, ubi nulli bonae rei impenditur, ultima demum necessitate cogente, quam ire non intelleximus transisse sentimus. Ita est: non accipimus breuem uitam sed fecimus, nec inopes eius sed prodigi sumus. Sicut amplae et regiae opes, ubi ad malum dominum peruenerunt, momento dissipantur, at quamuis modicae, si bono custodi traditae sunt, usu crescunt: ita aetas nostra bene disponenti multum patet. Quid de rerum natura querimur? Illa se benigne gessit: uita, si uti scias, longa est.</div></td></tr></table></div>
<div class="titre2">Indications</div>
<div class="cadres">
<div class="petiteligne"></div>
<div class="petitcadre" style="margin: 0 25px 0 25px; width: 400px;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus.</div><br /></div><br /><br /></div></center>
et le CSS :
- Spoiler:
- Code:
/* Fiche */
.cadre1 {
width: 600px;
border-radius: 0px 0px 0px 0px;
background-image: url(https://zupimages.net/up/19/01/prmr.png); /* lien motif de fond */
padding-top : 20px;
padding-bottom : 20px;
}
.image1 {
border: 1px solid #385076;
padding: 2px;
margin: 5px;
width: 400px;
}
.titre1 {
color: #8cc4da; /*couleur titre*/
font-family: 'Six Caps', sans-serif;
font-size: 44px;
text-align: center;
margin:5px;
}
.cadre2 {
width: 500px;
background-color: #3c3c49; /*couleur cadre int*/
box-shadow: 0px 0px 5px #000000;
padding: 10px;
margin: 10px;
color:#000000;
text-align: justify;
font-family: Calibri;
font-size: 14px
}
.soustitre1 {
font-family: Georgia;
font-style: italic;
text-align: right; !important!
color: #000000;
}
.gras {
font-style : bold;
color : #879E9B;
}
/*fichepresentation*/
.cadrefond {
background-image: url(https://zupimages.net/up/19/01/prmr.png);
width:600px
}
.grostitre {
TEXT-ALIGN: center;
font-family: 'Six Caps', sans-serif;
font-size: 40px;
color: #8cc4da;
}
.soustitre {
BACKGROUND-COLOR: #080808;
width: 595px;
TEXT-ALIGN: center;
font-variant: small-caps;
font-family: PT Mono;
font-size: 12px;
color: #55666E;
border-left: 5px solid #385076;
}
.cadrepresentation {
padding: 10px;
background-color: #3c3c49;
width: 220px;
height: 330px;
overflow: auto;
padding: 15px 15px; /*pastoucher*/
box-shadow: 0px 0px 5px #000000;
text-align: justify;
color: #000000;
font-size: 12px;
}
.reponse {
color: #8a96a1;
font-style: italic;
}
.avapresentation {
margin: 10px;
width: 200px;
height: 320px;
padding: 4px;
border: 1px solid #385076;
}
.avacredit {
width:200px;
font-size: 10px;
margin-left: 10px;
}
.cadres {
background-color: #3c3c49;
width: 475px;
box-shadow: 0px 0px 5px #000000;
text-align : justify;
color: #000000;
padding: 15px 15px; /*pastoucher*/
}
/*fichepredef*/
.dotted {
background-color: #000000;
border-bottom: 3px double #385076;
height: 40px;
width: 100%;
}
.titre2 {
margin: 0 0 -24px 80px;
text-align:left;
font-family: 'Six Caps', sans-serif;
font-size: 36px;
color: #8cc4da;
}
.avacredit2 {
margin: -3px 0 0 10px;
color: #BEBEBE;
font-size: 10px;
font-family: arial narrow;
text-align:left;
}
.citationdelamortquitue {
text-align: right;
margin: -10px 10px 0 250px;
font-family: PT Mono;
font-variant: small-caps;
font-size: 11px;
letter-spacing : 2px;
color: #879E9B;
}
.petiteligne {
background-color: #5e5e6e;
height: 1px;
margin: -7px 30px 0 30px;
}
.petitcadre {
background-image: url(https://www.zupimages.net/up/18/41/f6eh.png);
padding: 10px;
overflow: auto;
color: #879E9B;
text-align: justify;
border-left: 5px solid #385076;
}
.iconlien {
padding: 4px;
border: 1px solid #5e5e6e;
margin-left: 30px;
width: 100px;
height: 100px;
}
.pseudolien {
text-align: right;
margin-right: 40px;
font-family: PT Mono;
font-variant: small-caps;
font-size: 14px;
letter-spacing : 2px;
color: #879E9B;
}
Je serais vraiment très reconnaissante, si vous avez la solution à mon problème car il me suit depuis un moment...
Bonne journée !
Re: Problème lors de la prévisualisation d'un codage HTML dans les messages
Bonjour,
Les textes qui débordent sont dans un bloc de class "petitcadre". Il y a deux espaces devant l'annonce de la classe dans la balise, il faut en retirer un.
Code html corrigé :
Les textes qui débordent sont dans un bloc de class "petitcadre". Il y a deux espaces devant l'annonce de la classe dans la balise, il faut en retirer un.
- Code:
<div class="petitcadre"
- Code:
<div class="petitcadre"
Code html corrigé :
- Code:
<center><div class="cadrefond"><img src="http://media.tumblr.com/08591baec96e41fb9ee99106037ea6b4/tumblr_inline_n5f0omBL5E1qhyycq.gif" style="width: 100%;"/>
<div class="dotted"><span class="grostitre"><b>“</b>Prénom Prénom Nom</span></div><div class="avacredit2">feat Personnalité choisie</div><div class="citationdelamortquitue">"Citation classe de la mort qui tue tout à travers le monde"</div>
<div class="titre2">Rôle</div>
<div class="cadres">
<div class="petiteligne"></div>
<div class="petitcadre" style="width: 300px; margin: 0 75px 0 75px; "><b>Nom :</b> <span class="reponse">Renseigner</span>
<b>Prénom :</b> <span class="reponse">Renseigner</span>
<b>Age :</b> <span class="reponse">Renseigner</span>
<b>Obédience politique :</b> <span class="reponse">Ordre du Phénix - Mangemort - Neutre</span>
<b>Métier :</b> <span class="reponse">Il faut bien gagner sa vie!</span>
<b>Sang :</b> <span class="reponse">pur - mélé - né-moldu ? </span>
</div>
<blockquote>Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus. Satis longa uita et in maximarum rerum consummationem large data est, si tota bene collocaretur; sed ubi per luxum ac neglegentiam diffluit, ubi nulli bonae rei impenditur, ultima demum necessitate cogente, quam ire non intelleximus transisse sentimus.</blockquote>
</div>
<div class="titre2">Relations</div>
<div class="cadres">
<div class="petiteligne"></div>
<table><tr><td>
<img src="http://images4.fanpop.com/image/photos/21800000/Hogwarts-Seal-harry-potter-vs-twilight-21881761-100-100.jpg" class="iconlien" /></td><td><div class="pseudolien">Prénom Nom</div><div class="petitcadre" style="height: 120px; margin: 0 30px 0 18px;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus. Satis longa uita et in maximarum rerum consummationem large data est, si tota bene collocaretur; sed ubi per luxum ac neglegentiam diffluit, ubi nulli bonae rei impenditur, ultima demum necessitate cogente, quam ire non intelleximus transisse sentimus. Ita est: non accipimus breuem uitam sed fecimus, nec inopes eius sed prodigi sumus. Sicut amplae et regiae opes, ubi ad malum dominum peruenerunt, momento dissipantur, at quamuis modicae, si bono custodi traditae sunt, usu crescunt: ita aetas nostra bene disponenti multum patet. Quid de rerum natura querimur? Illa se benigne gessit: uita, si uti scias, longa est.</div></td></tr><tr><td>
<img src="http://images4.fanpop.com/image/photos/21800000/Hogwarts-Seal-harry-potter-vs-twilight-21881761-100-100.jpg" class="iconlien" /></td><td><br /><div class="pseudolien">Prénom Nom</div><div class="petitcadre" style="height: 120px; margin: 0 30px 0 18px;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus. Satis longa uita et in maximarum rerum consummationem large data est, si tota bene collocaretur; sed ubi per luxum ac neglegentiam diffluit, ubi nulli bonae rei impenditur, ultima demum necessitate cogente, quam ire non intelleximus transisse sentimus. Ita est: non accipimus breuem uitam sed fecimus, nec inopes eius sed prodigi sumus. Sicut amplae et regiae opes, ubi ad malum dominum peruenerunt, momento dissipantur, at quamuis modicae, si bono custodi traditae sunt, usu crescunt: ita aetas nostra bene disponenti multum patet. Quid de rerum natura querimur? Illa se benigne gessit: uita, si uti scias, longa est.</div></td></tr></table></div>
<div class="titre2">Indications</div>
<div class="cadres">
<div class="petiteligne"></div>
<div class="petitcadre" style="margin: 0 25px 0 25px; width: 400px;">Maior pars mortalium, Pauline, de naturae malignitate conqueritur, quod in exiguum aeui gignimur, quod haec tam uelociter, tam rapide dati nobis temporis spatia decurrant, adeo ut exceptis admodum paucis ceteros in ipso uitae apparatu uita destituat. Nec huic publico, ut opinantur, malo turba tantum et imprudens uulgus ingemuit; clarorum quoque uirorum hic affectus querellas euocauit. Inde illa maximi medicorum exclamatio est: "uitam breuem esse, longam artem". Inde Aristotelis cum rerum natura exigentis minime conueniens sapienti uiro lis: "aetatis illam animalibus tantum indulsisse, ut quina aut dena saecula educerent, homini in tam multa ac magna genito tanto citeriorem terminum stare." Non exiguum temporis habemus, sed multum perdidimus.</div><br /></div><br /><br /></div></center>
MlleAlys- Membre actif
- Messages : 5968
Inscrit(e) le : 12/09/2012
Re: Problème lors de la prévisualisation d'un codage HTML dans les messages
OH !
Bon ben merci beaucoup en effet le problème est réglé, j'ai même pas pensé à regarder ce genre de choses *facepalm*
En tout cas je m'en souviendrais à l'avenir ^^'
Encore merci !
Bon ben merci beaucoup en effet le problème est réglé, j'ai même pas pensé à regarder ce genre de choses *facepalm*
En tout cas je m'en souviendrais à l'avenir ^^'
Encore merci !
Sujets similaires
» Problème bbcode qui disparaît lors de la prévisualisation.
» Problème lors de la validation d'un codage
» Problème avec un code lors de l'édition ou de la prévisualisation
» Problème avec le HTML dans mes messages.
» PRoblème avec le html dans les messages
» Problème lors de la validation d'un codage
» Problème avec un code lors de l'édition ou de la prévisualisation
» Problème avec le HTML dans mes messages.
» PRoblème avec le html dans les messages
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