Spoiler qui s'affiche 'en décalé'

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

Résolu Spoiler qui s'affiche 'en décalé'

Message par Psyko-Hérisson le Mer 12 Jan 2011 - 14:46

Bonjour,
je rencontre un problème sur mon forum, les spoilers s'affichent 'en décalé', comme ceci par exemple:
Spoiler:
Ou encore sur ce sujet: http://cat-warriors-2.forumsactifs.com/t1510-liste-de-noms
Y a-t-il quelque chose à faire pour qu'ils reviennent tous sur la même ligne? Enfin, un alignement normal quoi, comme il y a à la base sur les forums.

Il y a pas mal de CSS utilisé donc cela pourrait venir de là, mais je ne sais pas franchement d'où, donc voici tout le CSS de mon forum:

Code:
.titre {
display: block;
font-family: ;
font-size:60 ;
text-decoration: none;
text-transform: ;
border-bottom: 2px dotted #2C323D;
padding-bottom: 2;
text-align: center ;
font-size: 16px;
color:#2C323D ; }

.titre:hover {
color: #000000 ;
text-transform: uppercase;
border-bottom: 2px dotted #000000; }



.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

tr.post td {padding-left: 20px;}

.limitation-signature img {
max-width: 600px;
max-height: 300px;
}


.corbeille {
    background-image: url('http://www.dzvet.net/forum/images/corb.png');
    background-repeat: no-repeat;
    background-position: center left;
    background-color: #b0b0b0;
    border: 1px solid #000000;
    color: #000000;
    padding-left: 60px;
    min-height: 50px;
}

a:hover{
letter-spacing : 1px; }

.postdetails.poster-profile a img {
margin: auto;
display: block;
margin-bottom: -10px;
}

a:hover {
background-color:;}

 

a.imginfo {
border-bottom:0 solid #b0b0b0;
color:#b0b0b0;
position:relative;
text-decoration:none;
}
a.imginfo span {
display:none;
}
a.imginfo:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
cursor:help;
z-index: 999;
}
a.imginfo:hover span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white none repeat scroll 0 0;
border-color:#b0b0b0;
border-style:solid;
border-width:3px 3px 5px 5px;
display:inline;
left:20px;
padding:3px;
position:absolute;
top:15px;
white-space:nowrap;
}


.defilement {
overflow: auto;
width: 300px;
height: 100px;
}


div.background
{
width:330px;
height:120px;
border:2px solid black;
}
div.transbox
{
width:320px;
height:110px;
margin:2px 4px;
background-color:#b0b0b0;
border:1px solid black;
filter:alpha(opacity=60);
opacity:0.6;
}
div.transbox p
{
margin:2px 3px;
font-weight:bold;
color:#000000;
}


textarea, .textarea.post, input.post {
border : 2px solid #b0b0b0;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
border-radius : 10px;
}

.bodyline {
border : 5px solid #b0b0b0;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
border-radius : 10px;}


.forumline{
background-color: #b0b0b0;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
border-radius : 10px;
border: 3px #000000 solid;
}

a {
font-variant: small-caps;
}

a { text-decoration: none; }


a.forumlink {
text-decoration: none;
text-align: center;
background-color: #b0b0b0;
border-bottom: 2px double #000000;
border-top: 2px double #000000;
-moz-border-radius: 10px ;
border-right: 5px solid #000000;
-moz-border-radius: 10px ;
border-left: 5px solid #000000;
display:block;

}
a.forumlink:hover {
text-decoration: none;
text-align: center;
background-color: #b8b8b8;
border-bottom:2px double #333333;
border-top: 2px double #333333;
-moz-border-radius: 10px ;
border-right: 5px solid #333333;
-moz-border-radius: 10px ;
border-left: 5px solid #333333;
display:block;
}

.postbody, td.row1 span.gensmall {
text-align: justify !important;
display: block;
margin-left:10px;
margin-right:10px;
}

u {
text-decoration: none;
border-bottom: 1px #000000 dashed;
}

.limitation-avatar img {
max-width: 150px;
max-height: 200px;
}.


tr.post span.gensmall { display: none; }


.gloubiboulga{
font-variant: small-caps ;
margin-left: 2px;
text-decoration: none;
text-align: center;
background-color: #d1d1d1;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
border-radius : 10px;
display:block;
}

Il y a aussi 2 templates qui ont été modifiés: index_box & overall_header.

Voilà, merci d'avance!
Bonne journée!


Dernière édition par Psyko-Hérisson le Dim 16 Jan 2011 - 20:52, édité 1 fois

Psyko-Hérisson
Nouveau membre

Féminin
Messages : 12
Inscrit(e) le : 04/04/2009

http://cat-warriors-2.forumsactifs.com/forum.htm
Psyko-Hérisson a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Spoiler qui s'affiche 'en décalé'

Message par Invité le Mer 12 Jan 2011 - 15:52

Bonjour,
Essayez d'ajouter ceci à la fin de votre CSS:
Code:
.spoiler {float: left;}

Cordialement.

Invité
Invité


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

Résolu Re: Spoiler qui s'affiche 'en décalé'

Message par Psyko-Hérisson le Mer 12 Jan 2011 - 18:27

Bonjour,
Merci pour le code, mais avec, ça bug encore plus, ça donne ça:
Spoiler:

^^''

Psyko-Hérisson
Nouveau membre

Féminin
Messages : 12
Inscrit(e) le : 04/04/2009

http://cat-warriors-2.forumsactifs.com/forum.htm
Psyko-Hérisson a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Spoiler qui s'affiche 'en décalé'

Message par Invité le Jeu 13 Jan 2011 - 16:53

Bonjour,

J'ai trouvé la partie qui cause le soucis:
Code:
.postbody, td.row1 span.gensmall {
text-align: justify !important;
display: block;
margin-left:10px;
margin-right:10px;
}
En supprimant les marges (margin) le problème disparait, mais je pense que ça va modifier votre mise en page...

Cordialement.

Invité
Invité


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

Résolu Re: Spoiler qui s'affiche 'en décalé'

Message par Psyko-Hérisson le Jeu 13 Jan 2011 - 19:51

Bonjour, merci pour votre réponse, en effet, pour le topic que je donnais en impression d'écran, ça a marché, mais pour celui-là...
http://cat-warriors-2.forumsactifs.com/t1510-liste-de-noms
rien n'a changé ^^'

Sinon, n'y a-t-il pas un code ayant le même effet que celui modifié ci-dessus mais qui ne pose pas le problème des spoilers? Car c'est assez ennuyeux pour l'affichage. Du coup j'ai gardé le margin left qui n'atténue que la partie droite des spoilers, mais s'il y a un moyen de le remplacer, ce serait cool.
Merci d'avance. (:

Psyko-Hérisson
Nouveau membre

Féminin
Messages : 12
Inscrit(e) le : 04/04/2009

http://cat-warriors-2.forumsactifs.com/forum.htm
Psyko-Hérisson a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Spoiler qui s'affiche 'en décalé'

Message par Invité le Dim 16 Jan 2011 - 9:27

Bonjour,

En modifiant le code CSS ainsi :
Code:
td.row1 span.gensmall {
    text-align: justify !important;
    display: block;
    margin-left:10px;
    margin-right:10px;
    }

.postbody {
    text-align: justify !important;
    margin-left:10px;
    margin-right:10px;
    }
Est-ce que ça conviendrait?

Cordialement.

Invité
Invité


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

Résolu Re: Spoiler qui s'affiche 'en décalé'

Message par Psyko-Hérisson le Dim 16 Jan 2011 - 20:51

Bonjour,
merci beaucoup pour votre réponse! ça marche parfaitement!! Very Happy


Psyko-Hérisson
Nouveau membre

Féminin
Messages : 12
Inscrit(e) le : 04/04/2009

http://cat-warriors-2.forumsactifs.com/forum.htm
Psyko-Hérisson 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