Problème d'affichage HTML dans un message

Voir le sujet précédent Voir le sujet suivant Aller en bas

En cours Problème d'affichage HTML dans un message

Message par Kathorze le Mar 6 Juin 2017 - 18:04

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Opera
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Aujourd'hui (06/06/2017)
Lien du forum : http://ac-sith.forumactif.com

Description du problème

Bonjour à tous,

J'ai un problème de taille lors de l'utilisation du HTML/CSS dans un message. Le code s'affiche correctement sur codepen, BlueGriffon ou tout autre éditeur mais lorsqu'envoyé sur le forum, il est complètement cassé (voir image). Je vous glisse ci-dessous le code complet :
Code:
<html>
  <head>
<style>
  fiche {
background-color: #323232;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
font-family: 'Exo', Arial, sans-serif;
color: #0a0a0a;
}

.special {
float: left;
position: relative;
text-align: justify;
width: 423px;
height: 247px;
margin: 20px 20px;
background-image: url('https://img15.hostingpics.net/pics/536975fichenuepublique.png');
border: 0px solid #DDD;
}     
 
.profil {
font-size: 15px;
width: 230px;
height: 200px;
line-height: 11px;
margin: 52px 58px;
text-transform: uppercase;
text-align: left;
color: #FAFAFA;
}

description {
display: inline-block;
width: 230px;
text-transform: none;
margin: 13px;
font-family: Arial, sans-serif;
font-size: 15px;
font-weight:normal;
color: #BDEAFD;
}
 
.photo {
position: absolute;
z-index:-1;
width: 226px;
height: 278px;
top: 52px;
left: 194px;
text-align: center;
}

#container {
position: static;
width: 500px; 
margin: auto auto;
padding-bottom: 50px;
text-align: center;
}
    </style>
  </head>
<fiche>
      <div id="container">
      <div class="special">
        <div class="photo"> <img title="" src="https://img15.hostingpics.net/pics/381566Sanstitre3.png">
        </div>
        <div class="profil">
          <description>Mâle </description>
          <description>Humain </description>
          <description>Mâle</description>
          <description>Cycle 1 </description>              <description>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0</description>
        </div>
      </div>
    </fiche>
 
  <fiche>
      <div class="special">
        <div class="photo"> <img title="" src="https://img15.hostingpics.net/pics/381566Sanstitre3.png">
        </div>
        <div class="profil">
          <description>Mâldsde </description>
          <description>Humsdqsdqsain </description>
          <description>Mâldsdqse</description>
          <description>Cycdsle 1 </description>              <description>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0</description>
        </div>
      </div>
    </div>
    </fiche>

Je précise que l'HTML est bien activé sur le forum, sur mon profil ainsi que sur le message. Merci d'avance.


Dernière édition par Kathorze le Mar 6 Juin 2017 - 23:42, édité 1 fois
avatar

Kathorze
Nouveau membre

Messages : 5
Inscrit(e) le : 06/06/2017

http://ac-sith.forumactif.com
Kathorze a été remercié(e) par l'auteur de ce sujet.
  • 0

En cours Re: Problème d'affichage HTML dans un message

Message par Minimutan le Mar 6 Juin 2017 - 22:54

Hello !

Ton soucis est que si tu souhaites déposer ton CSS dans le message, il ne faut pas qu'il y ai de retour à la ligne. Du coup voici à quoi il doit ressembler :

Code:
<style type="text/css">
fiche {background-color: #323232;background-repeat: no-repeat;background-position: center;background-attachment: fixed;font-family: 'Exo', Arial, sans-serif;color: #0a0a0a;}.special {float: left;position: relative;text-align: justify;width: 423px;height: 247px;margin: 20px 20px;background-image: url('https://img15.hostingpics.net/pics/536975fichenuepublique.png');border: 0px solid #DDD;}.profil {font-size: 15px;width: 230px;height: 200px;line-height: 11px;margin: 52px 58px;text-transform: uppercase;text-align: left;color: #FAFAFA;}description {display: inline-block;width: 230px;text-transform: none;margin: 13px;font-family: Arial, sans-serif;font-size: 15px;font-weight:normal;color: #BDEAFD;}.photo {position: absolute;z-index:-1;width: 226px;height: 278px;top: 52px;left: 194px;text-align: center;}#container {position: static;width: 500px; margin: auto auto;padding-bottom: 50px;text-align: center;}</style>   
<fiche>
   <div id="container">
       <div class="special">
           <div class="photo"> <img title="" src="https://img15.hostingpics.net/pics/381566Sanstitre3.png" />
           </div>
           <div class="profil">
               <description>Mâle </description>
               <description>Humain </description>
               <description>Mâle</description>
               <description>Cycle 1 </description>              
               <description>0</description>
           </div>
       </div>
   </div>
</fiche>

<fiche>
   <div id="container">
       <div class="special">
           <div class="photo"> <img title="" src="https://img15.hostingpics.net/pics/381566Sanstitre3.png" />
           </div>
           <div class="profil">
               <description>Mâle </description>
               <description>Humain </description>
               <description>Mâle</description>
               <description>Cycle 1 </description>              
               <description>0</description>
           </div>
       </div>
   </div>
</fiche>

Par contre fait attention parce que tu avais oublié de refermer une div à un moment ;-).

Au plaisir !
avatar

Minimutan
**

Masculin
Messages : 65
Inscrit(e) le : 02/09/2008

http://www.neverminddreams.com
Minimutan a été remercié(e) par l'auteur de ce sujet.

En cours Re: Problème d'affichage HTML dans un message

Message par Kathorze le Mar 6 Juin 2017 - 23:42

C'était... effectivement aussi bête que ça. Ah-ah !

Merci beaucoup !

EDIT: J'ai à présent un nouveau problème, dois-je refaire un sujet (il est dans la continuité de celui-ci) ?

avatar

Kathorze
Nouveau membre

Messages : 5
Inscrit(e) le : 06/06/2017

http://ac-sith.forumactif.com
Kathorze a été remercié(e) par l'auteur de ce sujet.

En cours Re: Problème d'affichage HTML dans un message

Message par Minimutan le Mer 7 Juin 2017 - 0:06

Je pense que tu peux le poster à la suite si cela est dans la continuité de ton premier problème ;-)
avatar

Minimutan
**

Masculin
Messages : 65
Inscrit(e) le : 02/09/2008

http://www.neverminddreams.com
Minimutan a été remercié(e) par l'auteur de ce sujet.

En cours Re: Problème d'affichage HTML dans un message

Message par Kathorze le Mer 7 Juin 2017 - 0:23

OK ! Smile

Alors, voici ce que ça donne sur le forum. Est-ce une erreur liée à mon CSS ou au code ?
Spoiler:

CSS du forum :
Code:
::-webkit-scrollbar {
  width: 10px;
  height: 12px;
  background-color: rgba(19, 19, 19, 0.8);
  border-radius: 6px 6px 6px 6px;
  box-shadow: 1px 1px 2px #f0b643;
}
::-webkit-scrollbar-thumb:vertical {
  height: 12px;
  background-color: rgba(19, 19, 19, 0.8);
  border-radius: 6px 6px 6px 6px;
  box-shadow: 1px 1px 2px #f0b643;
}
::-webkit-scrollbar-thumb:horizontal {
  height: 12px;
  background-color: rgba(19, 19, 19, 0.8);
  border-radius: 6px 6px 6px 6px;
  box-shadow: 1px 1px 2px #f0b643;
}

input, select, textarea {
background-color: #242424;
}

.inputbox{
 background-color: darkred;
}

#textarea_content iframe#text_editor_iframe,#text_editor_textarea,*+ html #textarea_content iframe#text_editor_iframe,*+ html #text_editor_textarea,* html #textarea_content iframe#text_editor_iframe,* html #text_editor_textarea,*+ html #text_editor_textarea.quick_reply_textarea,* html #text_editor_textarea.quick_reply_textarea{
background-color: #222222;
}

.sceditor-container iframe, .sceditor-container textarea {
color: #ffffff !important;
} */

#sceditor_smilies ,#sce_smilies_body .row1 , #sce_smilies_body
{
background:#g2g2g2;
}


body
{
background-color: #131313;
background-position: top center;
background-repeat: repeat-y;
}

a
{
outline: none;
}

a:link
{
text-decoration: none !important;
}

.bodylinewidth
{
width: 1100px;
}

#page-body
{
margin-top: 100px;
}

.forumline
{
max-width: 850px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
background-color: rgba(19, 19, 19, 0.8);
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomright: 6px;
border-radius: 6px 6px 6px 6px;
-moz-box-shadow: 1px 1px 2px #f0b643;
box-shadow: 1px 1px 2px #f0b643;
padding: 5px;
margin-bottom: 10px;
}

a.forumlink
{
display: block;
padding: 4px;
border-bottom: 2px solid #1b1b1b;
}
/* a.forumlink:hover
{
text-decoration: none !important;
margin-left: 20px;
font-style: italic;
} */

table
{
max-width: 850px;
margin: auto;
}


#i_logo
{
margin-top: -18px;
margin-bottom: -40px;
}

.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}


.mini_ava {
  float: left;
}
.mini_ava img {
  width: 40px;
  height: 40px;
  margin: 0 5px;
  border-radius: 10px;
  transition: all 2s;
  -moz-transition: all 2s;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
}
.mini_ava img:hover
{
  width: 80px;
  height: 80px;
}

/* #page-footer
{
background-image: url(http://img4.hostingpics.net/pics/616607banirefin.png);
background-repeat: no-repeat;
background-position: top center;
width: 980px;
height: 400px;
margin-bottom: -18px;
} */

#page-footer a
{
font-size: 10px;
text-decoration: none !important;
}
avatar

Kathorze
Nouveau membre

Messages : 5
Inscrit(e) le : 06/06/2017

http://ac-sith.forumactif.com
Kathorze a été remercié(e) par l'auteur de ce sujet.

En cours Re: Problème d'affichage HTML dans un message

Message par Kathorze le Jeu 8 Juin 2017 - 10:25

(Problème toujours d’actualité, si jamais.)
avatar

Kathorze
Nouveau membre

Messages : 5
Inscrit(e) le : 06/06/2017

http://ac-sith.forumactif.com
Kathorze a été remercié(e) par l'auteur de ce sujet.

En cours Re: Problème d'affichage HTML dans un message

Message par Chacha le Mer 14 Juin 2017 - 9:44

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 »


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 53643
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

En cours Re: Problème d'affichage HTML dans un message

Message par Kathorze le Mer 14 Juin 2017 - 17:07

Alternative temporaire trouvée (ajustement à la main avec un margin), néanmoins pour éviter de devoir passer un quart d'heure à chaque importation de code de BlueGriffon vers le forum, j'aimerai un conseil avisé sur la raison de ce problème.

avatar

Kathorze
Nouveau membre

Messages : 5
Inscrit(e) le : 06/06/2017

http://ac-sith.forumactif.com
Kathorze a été remercié(e) par l'auteur de ce sujet.

En cours Re: Problème d'affichage HTML dans un message

Message par Chacha le Mar 20 Juin 2017 - 9:43

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 »


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 53643
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

En cours Re: Problème d'affichage HTML dans un message

Message par Chacha le Mer 21 Juin 2017 - 9:38

Bonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 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 déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 53643
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum