Apparence des posts

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

Résolu Apparence des posts

Message par Enigmatic le Mer 18 Juil 2012 - 17:00

Bonjour !
Donc, voilà ; j'ai un problème avec le CSS de mon forum. Du moins, je crois que mon problème vient de là. Dès qu'on utilise un spoiler/citation/etc... les textes qui suivent sont tous coupés à moitié, comme vous pouvez le voir dans ma [url]http://img405.imageshack.us/img405/4940/problemej.png]capture d'écran[/url] J'ai essayé de trouver mon erreur, mais je n'y arrive pas.

Voici mon css :
Code:
/*---------------------------------APPARENCE INTERNE DU FORUM-----------------------------------------------*/
/*Separation entre les posts des messages postes*/
.spacebox {
          min-height: 5px;
  background-color: #F8F1E9;

        }


/* icone en ligne-hors ligne */

#post_onlin{
background: url('http://i75.servimg.com/u/f75/11/95/30/70/m111.png') no-repeat;
position: absolute;
float: left;
width: 19px;
height: 127px;
margin-left: -46px;
margin-top: 20px;
padding: 0;
border: 0;
}


/*Profil dans les messages*/
.profil
        {background-color: #FBF8F4;
        border: 2px solid #F5ECE0;

  margin-top:5px;
  padding:5px; 
 
 -moz-box-shadow: 0px 0px 2px #F5ECE0;
          box-shadow: 0px 0px 2px #F5ECE0;
        -webkit-box-shadow: 0px 0px 2px #F5ECE0;
 position: relative;
  left: 2px;
}


/*Apparence a linterieur des posts*/
  .postbody {
          background-color: #FBF8F4;
 
          border:2px solid #F8F1E9;
  -moz-box-shadow: 0px 0px 2px #F8F1E9;
          box-shadow: 0px 0px 2px #F8F1E9;
        -webkit-box-shadow: 0px 0px 2px #F8F1E9;
  position: relative;
  right: 2px;
  text-align: justify;
  letter-spacing: 1px;
padding: 6px;
        }

/*supprime la marge en haut et en bas du forum*/
body {
margin : 0px;
}

/*Liens du forum*/
        a { text-decoration: none;/*supprime le soulignement*/ }
        a:hover { text-decoration: none !important;/*supprime le soulignement*/ }



/*Style décriture global du forum*/
a:hover { letter-spacing: 2px; }
        a:hover {
        font-variant : small-caps;
        }
        a:link {text-decoration: none;}
        a:hover{text-decoration: none !important;}
        a
        {
        font-variant: small-caps;
        text-decoration: none;
        }

    /*enlever dernières éditions*/
    tr.post span.gensmall { display: none; }


/*suppression barre noire*/
hr {
    border: none;
    border-top-width: 1px;
    height: 0;}



/*Style de bloc pour les sujets*/
/* DESCRIPTION */
.list_descrip{
 background : #FBF8F4;
  padding: 7px;
  border : 1px solid #D4C2BE;}
/* DERNIERS SUJETS */
.postdetails.tfa {
  display:block;
 background : #FBF8F4;
  padding: 3px;
  border : 1px solid #D4C2BE;}
/* CHIFFRES DESCRIPTION */
.chiffres{
  color: #D4C2BE;
  font-weight: bold;}


/*---------------------------------FIN -------- APPARENCE INTERNE DU FORUM-----------------------------------------------*/


/*---------------------------------APPARENCE EXTERNE DU FORUM-----------------------------------------------*/
.forumline {padding:10px;
        border:2px solid #F8F1E9;
 -moz-box-shadow: 0px 0px 2px #F8F1E9;
          box-shadow: 0px 0px 2px #F8F1E9;
        -webkit-box-shadow: 0px 0px 2px #F8F1E9;}


.secondarytitle h2
        {
  font-family: Georgia;
  font-weight: lighter;
  color : #F1E3D3;
  font-size: 30px;
  text-shadow: #F1E3D3 0px 0px 2px;
       
        }


/*Apparence des categories du forum*/
.descrip{
          width: 95%;
          height: 60px;
          margin: 5px;
          padding: 5px;
          background: #FAF5EF;
          }
       
        .sous-fo{
          width: 120px;
          height: 90px;
          margin: auto;
          padding: 2px;

          }
       
        .der-m{
          width: 150px;
          height: 50px;
         
          margin: auto;
          padding: 2px;
        }






/*Barre de navigation*/
   
        a.mainmenu img{
        display: none;
        }
        a.mainmenu {
        margin: 5px;
        font-family: Georgia;
        font-size: 14px;
        }



/*texture des titres de forum*/
a.forumlink{
  font-family: Georgia;
        font-size: 16px;
        font-weight: lighter;
text-align: left;
  text-shadow: #DBC4CB 0px 0px 2px;
}

/*---------------------------------FIN ---------- APPARENCE EXTERNE DU FORUM-----------------------------------------------*/




/*---------------------------------QEEL------------------------------------------------*/

/* BLOC PRINCIPAL DU QEEL */
#tfa_qeel2{
  width: 96%;
  position: relative;
  margin: 10px auto;
  padding: 5px;
  font: 11px Arial;

}
/*  TITRE DU QEEL */
#tfa_qeel2 h1{
  width: 100%;
  margin: 0 auto 6px;
  padding: 0;
  text-align: center;
 
}

/* BLOC CONTENU */
#bloc_tfa2{
  position: relative;
  margin: 0;
  padding: 0;
}
/* BLOC GAUCHE CENTRE ET DROITE */
.bloc_qeel2{
  position: relative;
  height: 120px;
  margin: 0;
  padding: 0;
 
}
/* BLOC GAUCHE ET DROITE */
#gauche_qeel2{
  width: 20%;
  float: left;
}
#droite_qeel2{
  width: 20%;
  float: right;
}
/* BLOC CENTRE */
#centre_qeel2{
  width: 58%;
  margin: 0 0.5%;
  float: left;
}
/* ---- PARTIE GROUPES ---- */
.tfa_groups{
  width: 100%;
  margin: 5px 0 0 0;
  padding:0;
  position: absolute;
  text-align: center;
  z-index: 2;
}
.tfa_groups a{
  display: block;
  width: 96%;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
  text-align: center;
  font: 15px Arial;
  margin: 2px auto;
  padding: 0;

}
.tfa_bule{
  display: block;
  position: relative;}
 
/* INFOBULLE GROUPES */
.tfa_bule span{ 
  width: 140px;
  right: -10px;
  position:absolute; 
  text-align: center;
  margin: 0;
  padding: 2px; 
  z-index: 22; 
  display: none;


}
/* ----- PARTIE STATISTIQUES ----- */
.tfa-stats{
  width: 96%;
  margin: auto;
  padding: 5px 0;
}
/* TITRE STATISTIQUES */
.tfa-stats h2{
  font: Italic 16px Verdana;
  color: #b77942;
  text-shadow: 0 1px 0 #000; 
  width: 100%;
  margin: auto;
  padding: 0;
}
/* BLOC DE CONTENU DES STATISTIQUES */
.in_tfa-content{
  width: 100%;
  margin: auto;
  padding: 5px 0;
}

/* ------ BLOC DU BAS ------ */
#bas_block2{
  width: 100%;
  position: relative;
  top: 5px;
  margin: 0;
  padding: 0;
}
/* BLOC DE GAUCHE (en ligne) */
#bas_block_gauche2{
  width: 49%;
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
}
/* BLOC DE DROITE (anniversaires) */
#bas_block_droite2{
  width: 49%;
  float: right;
  position: relative;
  margin: 0;
  padding: 0;
}
/* BLOC TRANSITION QEEL */
.bul-q{
  position: absolute;
  left: 0;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  z-index: 3;
}
.in_q_b{
  background: #FCF9F4;
  border: 5px solid #F8F1E9;
  border-top: 0;
  box-shadow: 0 1px 1px #F8F1E9;
  position: relative;
  height: 0;
  overflow: hidden;
 
  -webkit-transition: all 1.2s ease; /* pour navigateur webkit */
  -moz-transition: all 1.2s ease; /* pour navigateur mozilla */
  -o-transition: all 1.2s ease; /* pour navigateur opera */
  transition: all 1.2s ease; /* pour les navigateurs récents */
}
.bul_op{
  display: block;
  position: relative;
  width: 150px;
  height: 16px;
  background: #FCF9F4;
  border: 5px solid #F8F1E9;
  border-top: 0;
  box-shadow: 0 1px 1px #F8F1E9;
  margin: -1px auto 0;
  padding: 1px 0 0 0;
  font: 12px Arial;
 
  text-align: center;
}
.bul-q:hover .in_q_b{
  height: 70px;
  padding: 3px;
}
.haut_b{
  width: 98%;
  height: 66px;
  font: 11px Arial;
  margin: auto;
  padding: 3px 0;
  overflow-y: auto;
}
.haut_b .row1, .haut_b .gensmall, haut_b .row1 .gensmall{
  font: 11px Arial;
 
  background: transparent;
  border: none;
}


Dernière édition par Enigmatic le Mer 18 Juil 2012 - 20:34, édité 1 fois

Enigmatic
***

Féminin
Messages : 199
Inscrit(e) le : 16/11/2009

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

Résolu Re: Apparence des posts

Message par Sinam le Mer 18 Juil 2012 - 17:10

Simple question, quelle est la partie de ton css qui gère l'affichage des spoilers/citations... ?

Sinam
Nouveau membre

Messages : 4
Inscrit(e) le : 18/07/2012

http://forumtestlilas.forumactif.com/
Sinam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des posts

Message par Scoubifitz le Mer 18 Juil 2012 - 17:16

bonjour,

il faut mettre div.postbody au lieu de .postbody ...

Hi

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: Apparence des posts

Message par Enigmatic le Mer 18 Juil 2012 - 20:34

Merci beaucoup Scoubifitz ! résolu

Enigmatic
***

Féminin
Messages : 199
Inscrit(e) le : 16/11/2009

Enigmatic 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