Problème avec les images en spoiler.

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

Résolu Problème avec les images en spoiler.

Message par Feuillou le Sam 7 Mar 2015 - 1:45

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Safari
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis le changement de thème du forum, c'est à dire depuis le 6 mars (2015).
Lien du forum : http://thewarofelements.forumactif.org

Description du problème

Alors, depuis le changement de thème de notre forum (le 6 mars 2015), les spoilers se centrent automatiquement dans les messages, et lorsqu'on clique sur un spoiler qui contient une image, l'image est coupée.
Pour plus d'informations, je vous invite à regarder sur notre forum, dans n'importe quel sujet, il suffit de cliquer sur le spoiler de la signature d'un membre.
Merci d'avance (:


Dernière édition par Feuillou le Sam 7 Mar 2015 - 2:37, édité 1 fois

Feuillou
Nouveau membre

Messages : 14
Inscrit(e) le : 07/03/2015

http:// thewarofelements.forumactif.org
Feuillou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les images en spoiler.

Message par MlleAlys le Sam 7 Mar 2015 - 2:26

Bonjour,
repérez le code suivant dans votre css :
Code:
.spoiler {
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    color: #5F5347;
    max-width: 300px;
    overflow: hidden;
    padding: 10px;
    white-space: normal;
    width: 300px;
}
et retirez les lignes width: 300px; et max-width: 300px; qui limitent la largeur, ce qui donne :
Code:
.spoiler {
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    color: #5F5347;
    overflow: hidden;
    padding: 10px;
    white-space: normal;
}

de plus les border-radius (arrondi des coins) ne servent pas non plus ici, tout comme le white-space et l'overflow, vous pouvez les retirer, ce qui donne au final :
Code:
.spoiler {
    color: #5F5347;
    padding: 10px;
}

MlleAlys
+ Hyperactif +

Messages : 4404
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les images en spoiler.

Message par Feuillou le Sam 7 Mar 2015 - 2:34

D'accord, merci beaucoup pour votre aide, j'essaye tout de suite.

EDIT: C'est parfait, merci encore. (:

Problème résolu.

Feuillou
Nouveau membre

Messages : 14
Inscrit(e) le : 07/03/2015

http:// thewarofelements.forumactif.org
Feuillou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les images en spoiler.

Message par Chacha le Sam 7 Mar 2015 - 9:50

..
Bonjour et Bienvenue
sur le Forum des Forums ForumActif
Vu que vous êtes nouveau, voici quelques sujets importants :
Sécurité : mail de fondation - Ce qu'il ne faut pas faire
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink


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

Chacha
Modéractif
Modéractif

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