Problème avec l'apparence du spoiler

[Maître d'Earthland]

Bonjour, comme l'indique le titre, j'ai un petit problème sur mon forum avec l'affichage des spoilers :/ Je vais vous montrer le petit soucis.

spoiler fermé


spoiler ouvert


Alors le problème n'est pas le cadre, ni le texte, ni la police... Mais mon soucis est ce fond rose que j'obtiens depuis que j'ai crée ce forum :(Je souhaiterais pour l'enlever, enfin si c'est possible.
Je voudrais donc bien obtenir ça:



Chose que j'ai déjà vu sur plein de forum. C'est donc pour cela que je ne comprends pas pourquoi j'obtiens le premier et second rendu quand je veux utiliser un spoiler...

Merci d'avance et bonne journée à vous ♪

[Invité]

Bonjour,

Essayez, dans Affichage > couleurs > feuille de style CSS :

Code:

.spoiler, .spoiler_closed, .spoiler_content{
background-image:url(LIEN);
}

Remplacez LIEN par votre URL.

Cordialement.

[Maître d'Earthland]

Malheureusement le problème persiste
Je peux effectivement modifier la couleur du fond grâce à ce code, mais ce que je voudrais c'est l'enlever définitivement. Parce cela à beau me changer la couleur, le fond reste et la taille du spoiler aussi.
J'ai déjà essayé en mettant "background-color: #" mais ça ne fonctionne pas. Le fond rose reste, c'est comme si c'était un fond par défaut en faite :/

Merci d'avoir essayé! o/ ♪

[medamine14]

Salut,

alors il suffit de mettre :

Code:

background-color: transparent;

je savais pas que Earthland avait un maître

[Maître d'Earthland]

Je te remercie, c'est déjà mieux. Seulement, il y a toujours le fond, certes transparent, mais il conserve sa taille trop encombrante :/

Je vous laisse voir o/



Pourtant dans mon code du message, ces deux spoilers n'ont aucun espace entre eux :/
En fait, il faudrait réduire la taille du spoiler quand il est fermé et lui permettre de prendre plus de taille pour s'ouvrir. J'espère que c'est possible.

Je vous remercie de m'aider,
Le fameux Maître d'Earthland

[Invité]

Re,

Vous êtes sûr que c'est bien la taille ? Si oui, dans le code, rajoutez :

Code:

height:XXpx;

à vous de "réguler" XX en fonction du besoin.

Cordialement.

[Maître d'Earthland]

C'est bien ce à quoi j'avais pensé. Sauf que le rendu est encore pire, m'enfin la taille est bien réduite, mais un scroll apparaît :/ Voici ce que ça donne ,

lorsque le spoiler est fermé:


lorsqu'il est ouvert:


Je pense que ça ne vient pas de la taille finalement :/ Pourtant, lorsqu'on modifie cette dernière les spoilers se rapprochent quand même :/ C'est de mieux en mieux, mais la barre de scroll n'est pas esthétique du tout et fait un peu foirer le spoiler. Je me demandais si cela ne pouvait pas venir de quelque chose au niveau de la version du forum?
Si il y avait une possibilité d'ôter cette scrollbarre et de modifier la taille du spoiler fermé pour qu'il soit petit. Ensuite, lorsque le spoiler serait ouvert, il prendrait la taille qui lui convient afin d'afficher son contenu.

Bien à vous,
Merci ^^

[Invité]

Re,

Oops, petite erreur de ma part, il vous faut en effet les traiter séparément, donc seulement modifier .spoiler_closed (donc seulement le spoiler fermé).

Code:

.spoiler_closed{
height:XXpx;
}

[Maître d'Earthland]

Cette fois ci, la barre grise du spoiler fermé se modifie, il n'y a plus de scrollbarre, cela paraît bien... Or, il y a toujours cet espace entre chaque spoiler. Rappelez vous, le fond est maintenant transparent, mais c'était bien un fond rose à l'origine, dont je ne savais ni connaissais la provenance ^^". Ce fond semble toujours être présent, certes transparents.
N'y a t-il pas un moyen qui permet de supprimer quelque chose dans un langage CSS?
Je pense que si la réponse est positive, ça peut peut être améliorer ce cas.

Bien à vous,
Maître d'Earthland.

[Invité]

Re,

Ce n'est pas un problème. Si vous ne souhaitez pas avoir de fond, modifiez par :

Code:

background:none;

Cependant, je ne comprends pas l'origine de cet espace étant donné que la transparence a été appliquée à la couleur, pas à l'image (cf message de medamine14).

Essayez peut-être :

Code:

margin:auto;
padding:0;

Cordialement.

[Maître d'Earthland]

Malheureusement, l'espace reste toujours bel et bien présent
Malgré le fond enlevé et le dernier code appliqué.

[Invité]

Re,

Avez-vous essayé d'appliquer height à .spoiler, de la même façon ?

[Maître d'Earthland]

Oui, soit des scrollabarre apparaissent, soit l'espace reste présent, soit c'est mieux mais il y a toujours les scrollabarre dont certaines coupent les informations du spoiler :/
Je ne comprends plus, j'ai essayé de modifier certaines choses, d'un peu bidouiller le code mais ça ne change rien

[Invité]

Essayez d'ajouter une largeur

Code:

width:XXpx;

Pour éviter les scrollbars.

Si cela ne marche pas, pouvez-vous me donner le code complet des modifications liées au spoiler ?

[Maître d'Earthland]

Ca ne fonctionne toujours pas :/

Voici le code des modifs du spoiler. D'ailleurs je ne sais pas si c'était comme ça qu'il fallait faire. Mais, j'ai modifié plusieurs fois ^^.

Code:

.spoiler{
 
  background: none;
    height: 20px;
}

.spoiler, .spoiler_closed, .spoiler_content{
          background:none;
  background-height: 0px;
width: 350px;
}
   
        .spoiler_closed{
        height:10px;
        }


[Invité]

Re,

Après avoir testé, j'obtiens le rendu ci-dessous avec ce code :

Code:

.spoiler{ 
  background: none;
  height: 20px;
}
       
.spoiler, .spoiler_closed, .spoiler_content{
  background:none;
  width: 350px;
}
         
.spoiler_closed{
  height:10px;
}

[Maître d'Earthland]

Re, chez moi ça ne marche pas. J'ai pourtant retiré l'ancien pour mettre le votre.
J'obtiens cependant l'image suivante,

[Invité]

Essayez ceci :

Code:

       .spoiler, .spoiler_closed{
         height: 40px;
          width: 350px;
        }
              
       .spoiler, .spoiler_closed, .spoiler_content{
          background:none;
        }
                

Edit : et si il y a encore la scroll, augmentez le "350px".

[Maître d'Earthland]

Alors le problème des scrollbarre est toujours persistant. J'obtiens le même rendu sauf que la barre horizontale s'enlève lorsque le spoiler s'ouvre. C'est déjà mieux mais l'on est toujours obliger d'utiliser la scrollbarre latérale. De plus celle horizontale (qui s'enlève lorsque le spoiler s'ouvre) ne sert à rien et gâche le spoiler. Ce n'est pas esthétique.

Je suis désolé, je dois m'absenter, je reviens demain.
Je vous remercie pour tout ce que vous avez fait jusqu'à présent et j'espère vraiment que ce problème pourra se régler ^^

@ demain o/

[Invité]

Avez-vous vu mon édit ?

Edit : et si il y a encore la scroll, augmentez le "350px".

Je vous en prie, bonne fin de journée

[Maître d'Earthland]

Ho, je vais essayer, je vous dirais tout demain! Si ça se trouve c'est ça le problème!
Bonne soirée à vous aussi, à demain.

[Invité]

On va y arriver, on va y arriver
A demain !

[Maître d'Earthland]

Bonjour, j'ai utilisé votre code, mais les barres horizontales et latérales ne s'enlevaient pas :/
En revanche, j'ai un peu modifier votre code, j'ai ceci dans mon CSS maintenant, la barre horizontale s'est définitivement enlevé ^^ Il reste plus que celle de droite.

Je vous montre le code:

Code:


                      .spoiler{
                  height: 30px;
                  width: 400px;
                }
                .spoiler_closed{
                  height: 20px;
                        }
                   
                .spoiler, .spoiler_closed, .spoiler_content{
                  background:none;
                }
                       

et donc, j'obtiens ce rendu,



Vous pouvez voir qu'il y a toujours la barre de scroll à droite de chaque spoiler, ouvert comme fermé :/
Cependant, l'espace entre chacun d'eux et la barre de scroll horizontale ont disparu ^^

[Invité]

Bonjour,

Il faut jouer avec les valeurs, là il faut encore augmenter la hauteur visiblement

[medamine14]

salut,
essaye ceci :

Code:

.spoiler {
  height: auto;
}

ou supprime tout simplement la valeur height
même chose pour la width ^^


Screen 1 : [valeur actuel]


Screen 2 : [sans les valeur width/height ou auto]

[Maître d'Earthland]

J'ai appliqué le code de Medamine! E je tiens à te remercier! C'est bon, mon problème est réglé, je vous remercie tous les deux. C'est vraiment sympa!
Mes spoilers sont parfaits! Je suis content!

Encore merci, Nightmare et Médamine,
Cordialement,
Le Maître d'Earthland.

Je suppose que je dois mettre le bouton résolu? ^^

[Invité]

Vous n'avez plus d'espace ? C'est super
En tout cas ravi d'avoir pu vous aider, bonne continuation.

PS : si votre problème est résolu, oui.