Confrontation code|spoiler|quote et postbody

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

Résolu Confrontation code|spoiler|quote et postbody

Message par Rika le Mar 24 Avr 2012 - 18:31

Bonjour, bonsoir,

Je ne sais pas si la question a déjà été résolu ou non, je ne sais même pas quoi mettre comme mot clé pour trouver un tel poste d'ailleurs, bref ... Je m'excuse d'avance si la question a déjà été posé. Donc ! Pour un nouveau design j'ai fait un petit codage pour aller avec et, j'ai bien sûr touché au spoiler|quote|code. N'ayant pas accès aux templates car je ne suis que administratrice et que le fondateur ne s'est plus connecté depuis plus d'un mois, j'ai du tout faire par CSS et donc, modifié la couleur du postbody par CSS. Voici le souci, j'ai découvert un bug venant de mes spoiler et co et je me suis souvenu avoir déjà eu un problème similaire il y a quelques années de cela. Enlevant mon code postbody, le bug a été arrangé sauf que, j'aimerais pouvoir garder le postbody donc, la question est la suivante ... Y a-t-il moyen de remédier à ce problème ? Voici les deux codes et un capture d'écran du problème.

Spoiler|Code|Quote
Code:
/* SPOILER */

.spoiler_closed
{
background-color : #BAD4DB;
background-image : url(http://sd-1.archive-host.com/membres/images/134692623529902642/FG/Spoiler_off.png);
background-repeat: no-repeat;
background-position : top left;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
border: 0px;
height: 30px;
padding: 10px;
}

  .spoiler_closed hidden,  .spoiler_content, .spoiler_closed
{
background-color : #BAD4DB;
background-image : url(http://sd-1.archive-host.com/membres/images/134692623529902642/FG/Spoiler__Code.png);
  background-repeat: no-repeat;
background-position : top left;
-moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
  border: 0px;
padding: 10px;
  padding-left: 70px;
}

/* CITATIONS */

.quote
{
background-color : #BAD4DB;
background-image : url(http://sd-1.archive-host.com/membres/images/134692623529902642/FG/Citation.png);
background-repeat: no-repeat;
background-position : top left;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
border: 0px;
padding: 10px;
padding-left: 70px;
}

/* CODES */

.code
{
color : #6B6B6B;
background-color : #BAD4DB;
background-image : url(http://sd-1.archive-host.com/membres/images/134692623529902642/FG/Spoiler__Code.png);
background-repeat: no-repeat;
background-position : top left;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
border: 0px;
padding: 10px;
padding-left: 70px;
}
Postbody
Code:
/* post */
.postbody {
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
 padding: 10px;
 background-color: #ffffff;
}
Screen
Spoiler:

Merci d'avance pour votre réponse.
Bonne journée, soirée.


Dernière édition par Rika le Mer 25 Avr 2012 - 10:21, édité 1 fois

Rika
**

Féminin
Messages : 74
Inscrit(e) le : 20/09/2008

http://pokemon-past.forum-actif.net/forum.htm
Rika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Confrontation code|spoiler|quote et postbody

Message par Scoubifitz le Mer 25 Avr 2012 - 6:59

bonjour,

remplacez :
Code:
/* post */
.postbody {
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
 padding: 10px;
 background-color: #ffffff;
}
par :
Code:
/* post */
div.postbody {
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
 padding: 10px;
 background-color: #ffffff;
}

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Confrontation code|spoiler|quote et postbody

Message par Rika le Mer 25 Avr 2012 - 10:21

Bonjour,
Le code fonctionne, merci beaucoup à toi =3
Topic résolu !

Rika
**

Féminin
Messages : 74
Inscrit(e) le : 20/09/2008

http://pokemon-past.forum-actif.net/forum.htm
Rika 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