Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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
avatar

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;
}
avatar

MlleAlys
Membre actif

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

http://mllealys2.forumactif.org/
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.
avatar

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
avatar

Chacha
Modéractif
Modéractif

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

https://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