CSS display ne fonctionne pas

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

CSS display ne fonctionne pas

Message par gdty le Dim 12 Nov 2017 - 20:37

Détails techniques


Version du forum : ModernBB
Poste occupé : Administrateur
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
Problème apparu depuis : 12/11/2017
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour, je rencontre un problème pour l'écriture d'une feuille CSS qui doit servir à pré-formater des posts - les utilisateurs ne doivent avoir besoin que d'utiliser les éléments pour que la mise en page se fasse correctement.

Lors de mes tests en local, ma feuille de style et mon code html fonctionnent sans accroc. Cependant en testant sur le forum cible, certains éléments ne fonctionnent pas. Je crois avoir isolé le problème à l'attribut
Code:
display
, que j'utilise pour placer les différents éléments les uns par rapport aux autres.

Code:
Spoiler:
Code:
@import url('https://fonts.googleapis.com/css?family=PT+Serif');
/*----------------------------------

----------------------------------*/
/* Le texte du titre */
.secCharTitle {
   /* Détails de la "boîte" */
   background-color: #F7BD66; /* Une possibilité est aussi de définir background-image pour une image de fond */
   /* Indique l'arrondi des coins */
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
   padding: 10px 10px 2px; /* Marges internes - affectent le contenu donc le texte */
   
   /* Détails du texte */
   color: #663300;
   font-family: PT Serif, serif;
   font-size: 32px;
   text-align: center;
   text-transform: uppercase;
}

/* Le fond du reste */
.secCharMain {
   background-color: #6E4420;
   padding: 10px;
}

/* Conteneurs colonnes */

/* Les colonnes */
.secCharDetailsLeft, .secCharDetailsRight {
   display: table-cell;
   vertical-align: top;
}

.secCharDetailsLeft {
   width: 35%;
   /*float: left;*/
}

.secCharDetailsRight {
   width: 65%;
   /*display: table;*/
}

/* Les texte pour: le masque, la description et les compétences */
.secCharMask, .secCharDesc, .secCharSkills {
   margin: 10px;
   padding: 10px;
   color: black;
   font-family: Verdana, sans serif;
   font-size: 15px;
   text-align: justify;
   float: none;
   
   background-color: #F5D189;
   border-radius: 5px;
}

.secCharMask, .secCharDesc {
   overflow-y: auto;
}

.secCharMask {
   max-height: 200px;
}

.secCharDesc {
   max-height: 500px;
}

/* Photo d'avatar */
.imgCharAvatar {
   display: block;
   margin: auto;
   margin-top: 10px;
   margin-bottom: 10px;
   width: 200px;
   height: 400px;
   border-radius: 10px;
}

/* Photo du masque */
.imgCharMask {
   width: 100px;
   height: 100px;
   margin-right: 10px;
   margin-bottom: 10px;
   float: left;
}

/* Gif du personnage */
.imgCharGif {
   display: block;
   margin: auto;
   margin-top: 10px;
   margin-bottom: 10px;
   width: 60%;
   border-radius: 15px;
}

/*----------------------------------
Styles de texte
----------------------------------*/
/* Style de texte pour les critères */
.txtCharCriterions {
   font: bold 10pt Courier new, serif;
   color: #663300;
   text-transform: uppercase;
}

Sections:
Spoiler:
Spoiler:

Est-ce que l'absence de comportement "display" est normal et attendu avec forumactif? Ca me semble très étonnant tout de même.

De plus, même s'il s'agit bien de la source de mes erreurs, cela n'explique pas le comportement erratique de mon bandeau de titre qui se décale vers le haut.

Merci d'avance pour votre aide.


Dernière édition par gdty le Dim 12 Nov 2017 - 20:39, édité 1 fois (Raison : Oubli de la fin du message)
avatar

gdty
Nouveau membre

Messages : 1
Inscrit(e) le : 12/11/2017

http://nain-porte-quoi.forumactif.com
gdty a été remercié(e) par l'auteur de ce sujet.

Re: CSS display ne fonctionne pas

Message par Chacha le Lun 20 Nov 2017 - 10:21

Bienvenue sur le forum de support de Forumactif

Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser :
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.
Bonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 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.
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 55111
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