Espace indésirable entre les sujets

2 participants

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

Résolu Espace indésirable entre les sujets

Message par Nye-Hael Sam 13 Juil 2013 - 15:10

Bonjour !

J'ai un problème avec le listage des sujets sur mon forum. En effet l'espace entre chaque sujet est tout simplement immense et je n'arrive pas à le réduire : https://i.servimg.com/u/f33/16/06/42/02/espace10.png

J'aurais aimé savoir comment je pouvais réduire cet espace.

Merci d'avance !


Dernière édition par Nye-Hael le Dim 14 Juil 2013 - 12:59, édité 1 fois
Nye-Hael

Nye-Hael
Nouveau membre

Féminin
Messages : 26
Inscrit(e) le : 24/01/2012

https://gifted.forumactif.com/
Nye-Hael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace indésirable entre les sujets

Message par [AoH]Insane Sam 13 Juil 2013 - 16:49

Pourrait-on voir ton codages CSS s'il te plait, histoire de savoir si le problème vient de là ou non. Il sera plus simple par la suite de pouvoir t'aider. Il y a cependant un sujet très similaire au tiens juste ici. Peut-être y trouveras-tu des réponses!

En espérant avoir aidé

[AoH]Insane
[AoH]Insane

[AoH]Insane
***

Masculin
Messages : 118
Inscrit(e) le : 04/07/2013

http://aoh-rpg.forum-canada.com/
[AoH]Insane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace indésirable entre les sujets

Message par Nye-Hael Sam 13 Juil 2013 - 17:21

Et un CSS qui roule !

Code:
/* QEEEEEEEEL */

.qeelhaut {
  color: #f9cdbe;
  font-family: times new roman;
  font-weight:;
  font-size:28px;
  letter-spacing:-3px;
  text-transform:uppercase;
  text-shadow: 0px 0px 2px #ffffff;
}

.qeeltitre {
  font-family: times new roman;
  font-weight:;
  font-size: 55px;
  letter-spacing:-2px;
  color: #f9cdbe;
  text-shadow: 3px 3px 0px #ffffff;
  margin-top: -25px;
  text-transform: lowercase;
  margin-left:40px;
}

.qeeltout {
  background:url('http://image.noelshack.com/fichiers/2013/28/1373627495-test4.png')
}

/* QEEEEEEL FIN */

/* TEST CATEGORIE DEBUT */

.forumlink2 {
  text-align:left;
  font-family:Georgia;
  font-size:25px;
  border-bottom: 2px solid #ef889d;
  color:black;
  text-transform:uppercase;
  letter-spacing:-2px
  color: #e995af; 
}

.derstat2 {
  height:127px;
  width:140px;
  background-color:#f5e9db;
  text-align:center;
  padding:10px;
}

.sousforum2 {
  background-color:#f9cdbe;
  padding:10px;
  width:130px;
  height:85px;
  overflow:auto;
  color:gainsboro
}

/* TEST CATEGORIE FIN */

/*TITRE CATEGORIE*/

.TitreCategorie {
  background: #f5e9db;
  border-radius:0px 0px 0 0;
  -moz-border-radius:0px 0px 0 0;
  -wekbit-border-radius:0px 0px 0 0;
  width: 500px;
  margin:auto;
  padding: 5px;
  border: 0px solid #;
  border-bottom: 0px; }
 
.TitreCategorie h2 {
  margin:0;
  text-align: center;
  letter-spacing: -2px;
  text-transform: uppercase;
  color: #f9cdbe;
  font-family: Times New Roman;
  font-size: 20px;
  text-shadow: 1px 1px 4px #ffffff;}

/*TITRE FIN*/

.table{
  width: 100%;
  margin: auto;}

.forum > table {
    width: 100%;}

a {
font-family: 'Oswald', sans-serif;
  text-decoration: none !important;}

.cate_titre{
  width: 800px;
  margin: auto;
  text-align: center;}

.categorie{
  width: 800px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 3px solid #;
  border-bottom: 1px solid #;
  border-right: 1px solid #;
  border-left: 1px solid #;
  box-shadow: 0px 0px 5px #;
  -moz-box-shadow: 0px 0px 5px #;
  -o-box-shadow: 0px 0px 5px #;
  -htm-box-shadow: 0px 0px 5px #;
  -webkit-box-shadow: 0px 0px 5px #;
border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;}

.forum{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px dotted #;
 border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;}

.forumlink{
  display: block;
  width: 450px;
  font-variant: small-caps;
  letter-spacing: 2px;
  padding-left: 20px;
  color: #e995af;
  text-shadow: 1px 1px 0px #d0e8d5;
 border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;}

.forumlink a{
  font-size: 16px;
  border-bottom: 2px dotted #d0e8d5;
 border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;}


/*DESCRIPTIONS, ILLUSTRATIONS*/

.description {
  display: block;
  width: 450px;
  height: 105px;
  overflow: hidden;
  bordure:solid 0px #;
  font-size: 10px;
  background-color: #f6e9e3;
color: #000000;}

.description_contenu {
  position: absolute;
  display: block;
  width: 450px;
  height: 105px;
  overflow: auto;
  background-color: #f6e9e3;
  font-size: 10px;
  color: #000000;
  text-align: justify;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description_contenu:hover {
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s; }

.stats_last{
  display: block;
  width: 140px;
  margin: auto;
  background-color: #f2dbd3;
  padding: 10px;
  border: 1px dotted #;
  border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
-moz-box-shadow: 0px 0px 2px #000000;
  box-shadow: 0px 0px 2px #000000;
  -webkit-box-shadow: 0px 0px 2px #000000;}

.stats{
  background-color: #ffffff;
  display: block;
  text-align: center;
  font-size: 10px;
  color: #000000;
  font-weight: none;
  border-bottom: 1px solid #;
  padding-bottom: 4px;
  margin-bottom: 4px;
  margin-top: 5px;
  border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
-moz-box-shadow: 0px 0px 0px #;
  box-shadow: 0px 0px 0px #;
  -webkit-box-shadow: 0px 0px 0px #;}

.last{
  display: block;
  text-align: center;
  font-size: 11px;}


/* Corps du forum */
body {
background-position: center; }


/* Catégories */
.forumline {}

/* Description forum */
.gen { }

/* Description Catégories */
.genmed {    }

/* Texte catégories */
.gensmall { }

/* Post */
-RETRAIT : ce CSS pose de nombreux problèmes - {
display: none; }

a:hover {text-decoration: none !important}

.forumline {-moz-border-radius: 20x;
-webkit-border-radius: 20px;
border-radius: 20px;
padding: 5px;
}

.bodyline{
 border-left: 0px #544434 double;
border-right: 0px #7b7b7b solid;
border-top: 0px #7b7b7b solid;
 border-bottom: 0px #52181f solid;
-moz-border-radius: 10px;
  -moz-box-shadow: 1px 1px 1px ##000000;
  box-shadow: 1px 1px 1px ##000000;
-webkit-box-shadow: 1px 1px 1px ##000000;
}

body{margin-bottom: -10px;}
body{margin-top: 0px;}
body{margin-left: -1px;}

.bodyline{
padding: 0px;
margin:0px:}

-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }

a { text-decoration: none; }
a:hover{
text-transform: lowercase; }

.navig {
position: absolute;
top: 50px;
width: 100%;
}

body { cursor: crosshair }
a:hover { cursor:ne-resize; }
 
        a.mainmenu {
        text-decoration: none;
        color:#000000;
        font-size:12px;
        font-family:lucida grande;
        text-align:center;
padding: 0px;}

        .navig {
        position: absolute;
        top: 0px;
        width: 100%;
          background-color: #e4859d;
  -moz-box-shadow: 0px 0px 0px #000000;
  box-shadow: 0px 0px 0px #000000;
  -webkit-box-shadow: 0px 0px 0px #000000;
text-decoration: none;
        font-size:13px;
        font-color:#ffffff;
        font-family:lucida grande;
        text-align:center;
padding: 0px;}

          #chatbox_header .catBottom .cattitle {
            color: #ffffff;
        }
        #chatbox_header .chatbox-options .genmed,
        #chatbox_header .chatbox-options,
        #chatbox_header .chatbox-options a {
            color: #ffffff;
        }
        .profil_speudo {
            background-color: #F2DCDA;
            border: 0px solid #;
          -moz-border-radius:1px 1px 1px 1px;
          -webkit-border-radius:1px 1px 1px 1px;
            border-radius:1px 1px 1px 1px;
        }
       
        .profil_avatar {
          border: solid 2px #e9d3bb;
          padding: 5px;
          -moz-border-radius:1px 1px 1px 1px;
          -webkit-border-radius: 1px 1px 1px 1px;
          border-radius:1px 1px 1px 1px;
          img-align: center;
        }
       
        .profil_infos {
          background-color: #
          border: 0px solid #FFFFFF;
          -moz-border-radius:1px 1px 1px 1px;
          -webkit-border-radius:1px 1px 1px 1px;
          border-radius:1px 1px 1px 1px;
          padding: 5px;
        }
       
        .font_profil{
            border: solid 2px #;
          -moz-border-radius:2px 2px 2px 2px;
          -webkit-border-radius:2px 2px 2px 2px;
          border-radius:2px 2px 2px 2px;
          padding: 5px;
  -moz-box-shadow: 0px 0Px 0px #000000;
  box-shadow: 0px 0px 0Px #000000;
  -webkit-box-shadow: 0px 0px 0px #000000;
}
 
.description{position: relative;z-index: 0;}


.description span img{border: 1px;padding: 5px;}

/*MISE EN PAGE*/

.title_1{
 background-color: #c9dee1;
 width: 520px;
 height: 30px;
 font-family: Oswald;
 letter-spacing: 3px;
 text-transform: uppercase;
 color: #79b1cc;
 text-shadow: 1px 1px 1px #000000;
 font-size: 30px;
  text-align: right;}

.title_2{
  background-color: #c9dee1;
  width: 500px;
  height: 10px;
  font-family: Oswald;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #79b1cc;
  text-shadow: 1px 1px 1px #000000;
  font-size: 15px;
  text-align: right;}

.title_3{
  font-family: Oswald;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #79b1cc;
  text-shadow: 1px 1px 1px #000000;
  font-size: 20px;
  text-align: center;}
 
.box_1{
  border-left: solid 1px #c9dee1;
  border-bottom: solid 1px #c9dee1;
  border-right: solid 1px #c9dee1;
  width: 520px;
  height: 220px;
  padding: 5px;}

.box_2{
  border-left: solid 1px #c9dee1;
  border-bottom: solid 1px #c9dee1;
  border-right: solid 1px #c9dee1;
  width: 520px;
  padding: 5px;
  text-align: justify;}

.box_3{
  border: solid 1px transparent;
  width: 250px;
  height: 385px;
  text-align: justify;}

.box_4{
  border: solid 1px transparent;
  width: 510px;
  padding: 2px
  text-align: justify;}

.box_5{
  background-color: #c9dee1;
  height: 110px;
  width: 350px;
  text-align: justify;
    padding: 3px;}
 
.over_1{
  overflow: auto;
  height: 200px;
  width: 200px;
  text-align: justify;}
 
.over_2{
  overflow: auto;
  height: 320px;
  width: 250px;
  text-align: justify;}
 
 
/*SPOILS QUOTE CIE*/

.spoiler_closed{
background-color:  #d2d7dd;
  border: 1px dotted #;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
padding : 5px;
height: 3px;
}

.spoiler_content{
border: 1px # dotted;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
color: #000000;
  background-color: #d2d7dd;
padding : 10px;
}

.quote
{
background-color: #d2d7dd;
  border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border: solid 1px #
font-size: 12px;
  color: #000000;
  padding: 4px; }

.code {
border-right: 0px # solid;
  border-bottom: 0px # solid;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
padding : 4px;
  color: #000000;
  background: #d2d7dd; }

/*OPACITE*/

a.opacity img {filter:alpha(opacity=75);
-moz-opacity: 0.70;
opacity: 0.70;}

a.opacity:hover img {filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;}

        /*QEEL ARRANGEMENT*/

        /* conteneur du QEEL */
.QeelPerso {
  border: 2px solid #;
  padding:10px 5px;
  background-color:#ffffff;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px
    width: 790px;
}

/* Centrage image du QEEL */
.ImgQeel {text-align:center;}

/* Mise en forme des liens vers les groupes */
.ListeGroupes a {
  font-size:14px;
  text-transform:uppercase;
  text-decoration: none!important;
  letter-spacing:1px;
  background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
  -moz-border-radius : 5px 5px 5px 5px;
        height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
        font-size:16px ;text-align:center;
        text-decoration: none !important;
    margin-bottom: 7px;
}

/* Couleurs des groupes */
a.groupe1 { color:#663366 ; }
a.groupe2 { color:#cc3333 ; }
a.groupe3 { color:#336699 ; }
a.groupe4 { color:#339933 ; }
a.groupe5 { color:#666666 ; }
a.groupe6 { color:#663333 ; }

/* Mise en forme des cellules de statistiques */
.statistiques {
  background-color: #f4e6e5;
  border: 0px double #;
  padding:10px;
  margin:10px;
  text-align:left;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

/* Limitation en hauteur des blocs de statistiques */
.BlocStats {
  overflow:auto;
  max-height: 300px;
}

/* Debuggage : on retire le fond de la liste des dernières 24h */
.DeBug td.row1 { background : none; }


/*PANNEAU LATERAL DES NEWS*/
.fpanel { position: fixed; }
.fpclose,.fpopen { cursor: pointer; }
.fpclose { display: none; }

#fp231 { top: 20%; right: -200px; }
#fp231 .fpcontent { width: 200px;}


/* PAGE D'ACCUEIL PAR ORANGE DE CSSACTIF (http://css-actif.com/)
MERCI DE NE PAS RETIRER CETTE MENTION, PAR RESPECT. */
/* Mise en forme générale */
  .cssactif_pa_main {
      width: 780px; 
      padding: 0px;
      margin: 0 auto;
  }
 
  .cssactif_pa_main h1 { /* Titre principal (Bienvenue sur...) */
      font-family: "Courier New", Courier, monospace;  /* Police de caractère */
      text-align: center; /* Alignement du texte */
      text-transform: uppercase; /* Transformation: met le texte en majuscules */
      font-weight: normal; /* Épaisseur normale */
      letter-spacing: 16px; /* Espacemement des caractères en PX */
      font-size: 32px; /* Grosseur du texte */
      color: #f25faf; /* Couleur du texte */
      text-shadow: 2px 2px 0px #FFFFFF; /* Ombre du texte */
  }
 
  .cssactif_pa_main h2 { /* Titre des colonnes (Contexte, Nouveautés etc.) */
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;    /* Police de caractère */
      font-weight: normal; /* Épaisseur normale */
      color: #FFFFFF; /* Couleur du texte */
      text-transform: uppercase; /* Transformation: met le texte en majuscules */
      text-shadow: 1px 1px 1px #000000; /* Ombre du texte */
      font-size: 18px; /* Grosseur du texte */
      margin:0;
  }
 
  .cssactif_pa_colonne { /* Style général des colonnes */
      float: left; /* Place les colonnes un à côté de l'autre */
      width: 33%; /* Donne la grandeur des colonnes */
      background-color: #FFFFFF; /* Couleur de fond */
      height: 420px; /* Hauteur des colonnes: doit être fixe */
      color: #777777; /* Couleur du texte */
 
      opacity: 0.9; /* Opacité des colonnes */
     
      /* Transition */
      -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;

/*Ombre porté */
-webkit-box-shadow: 0px 0px 1px 0px #CCCCCC;
box-shadow: 0px 0px 1px 0px #CCCCCC;

 
  }
 
  .cssactif_pa_colonne p { /* Paragraphe des colonnes */
  padding: 0 10px; /* Padding */
  text-indent: 10px; /* Alinéa */
  text-align: justify;  /* Alignement du texte */
  }
  .cssactif_pa_colonne:hover { /* Colonne au survol */
  /* Effet de grossissement */
      -moz-transform: scale(1.05) translate(0px, -20px) ;
-webkit-transform: scale(1.05) translate(0px, -20px) ;
-o-transform: scale(1.05) translate(0px, -20px) ;
-ms-transform: scale(1.05) translate(0px, -20px);
transform: scale(1.05) translate(0px, -20px) ;

opacity: 1; /* Opacité */

/* Nouvelle ombre portée */
-webkit-box-shadow: 0px 5px 10px 0px #CCCCCC;
box-shadow: 0px 5px 10px 0px #CCCCCC;
z-index: 999;

  }
 
.cssactif_pa_header { /* Style commun des header de couleur */
  padding: 10px;
  height: 80px;
}

.cssactif_pa_header p { /* Style du description dans les headers */
margin: 5px; /* Marge */
padding: 0; /* Padding */
color: #FFFFFF; /* Couleur du texte */
text-shadow: 1px 1px 1px #000000;  /* Ombre portée */
font-style: italic; /* Style italic */
opacity: 0.8; /* Opacity du texte */

}
.colgauche .cssactif_pa_header {background-color: #01c6d9;} /* Colonne de gauche, couleur du header */
.colcentre .cssactif_pa_header {background-color: #d9015d;}/* Colonne du centre, couleur du header */
.coldroite .cssactif_pa_header {background-color: #7fbf33;  } /* Colonne de droite, couleur du header */

/* Contenu des colonnes */

.new {
  margin: 0px 10px 5px 10px; /* Marge Haut Droit Bas Gauche */
  padding: 5px; /* Padding */
  border-bottom: 1px solid #d9015d; /* Bordure du séparateur */
 
  text-align: justify; /* Alignement du texte */
}

.new em { /* Dates */
  color: #d9015d;  /* Couleur du texte */
  text-transform: uppercase; /* Transformation du texte en majuscule */
  font-style: normal; /* Enlève le italic par défaut de la balise em */
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Police de caractère */
}

.new em:after {
  content: " ►";  /* Ajoute la flèche après les dates */
}

.pers { /* Cadre du staff */
 border: 1px solid #7fbf33;  /* Bordure du staff*/
 margin: 0px; /* marge externe */
 
 /* Arrondissement des bordures */
 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;


padding: 3px; /* Marge interne */
text-align: center; /* Alignement du texte */
}

.pers img { /* Image des personnages */
 float: left; /* Place à gauche du texte */
 width: 50px; /* Grandeur de l'image */
 height: 50px;    /* Grandeur de l'image */
 border: 3px solid #7fbf33; /* Bordure de l'image */
 
 /* Arrondissement des bordures */
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;   

/* Transformation */
 -moz-transform: rotate(-12deg) translate(0px, -5px) ;
-webkit-transform:  rotate(-12deg) translate(0px, -5px) ;
-o-transform: rotate(-12deg) translate(0px, -5px) ;
-ms-transform:  rotate(-12deg) translate(0px,-5px) ;
transform:  rotate(-12deg) translate(0px, -5px);
}

.pers:first-line { /* Première ligne:contient le nom du personnage */
 color: #7fbf33;/* Couleur du texte */
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Police de caractère */
 text-transform: uppercase; /* Transformation du texte */
}

 /* Code par Hiro pour CSSACTIF
  Merci de ne pas supprimer cette mention
  (http://www.css-actif.com) */

#englob { /* Encadrement global des 2 divs */
    position:relative;
    width:200px;
    height:320px;
    border: 0px solid white; /* La vilaine bordure rouge */
    overflow:hidden; /* Permet de cacher ce qui dépasse */
}

.imgp {
    background:blue; /* le bg  de la div qui contient l'avatar */
    position:absolute; /* Laissez comme ceci */
    top:0;/* Laissez comme ceci */
    left:0;/* Laissez comme ceci */
    width:100%;/* Laissez comme ceci */
    height:100%;/* Laissez comme ceci */
    z-index:1;/* La position par rapport à l'autre div qui contient les infos */
    -webkit-transition:all 0.5s;/* Laissez comme ceci */
    -moz-transition:all 0.5s;/* Laissez comme ceci */
    -o-transition:all 0.5s;/* Laissez comme ceci */
    -ms-transition:all 0.5s;/* Laissez comme ceci */
    transition:all 0.5s;/* Laissez comme ceci */
}

#englob:hover > .imgp {
    margin-top:320px; /* Lorsque la souris passe sur la div #englob, on fait glisser l'image vers le bas de 200px */
}

.infosp {
    background:#ecd9d3; /* le bg  de la div qui contient les infos*/
    position:absolute;/* Laissez comme ceci */
    top:0;/* Laissez comme ceci */
    left:0;/* Laissez comme ceci */
    width:100%;/* Laissez comme ceci */
    height:100%;/* Laissez comme ceci */
    z-index:0;/* La position par rapport à l'autre div qui contient les infos (ici en dessous)*/
    opacity:0;/* on met l'opacité à zero pour un effet stylé ;) */
    margin-left:-200px;/* on décale la div de 200px, elle est invisible grâce a l'overflow:hidden de #englob */
    -webkit-transition:all 0.5s;/* Laissez comme ceci */
    -moz-transition:all 0.5s;/* Laissez comme ceci */
    -o-transition:all 0.5s;/* Laissez comme ceci */
    -ms-transition:all 0.5s;/* Laissez comme ceci */
    transition:all 0.5s;/* Laissez comme ceci */
}

#englob:hover > .infosp {
  opacity:1;/* Lorsque la souris passe sur la div #englob, on augmente l'opacité des infos */
  margin-left:0px;/* et on décale cette div à 0px (position par défaut) */
}

.pseudo :
{

      font-family: "Oswald";  /* Police de caractère */
      text-align: center; /* Alignement du texte */
      text-transform: uppercase; /* Transformation: met le texte en majuscules */
      font-weight: normal; /* Épaisseur normale */
      letter-spacing: 10px; /* Espacemement des caractères en PX */
      font-size: 20px; /* Grosseur du texte */
      text-shadow: 2px 2px 0px #FFFFFF; /* Ombre du texte */
  }


/*CHATBOX*/

#chatbox_members ul li,
#chatbox_members ul li a { font-size: 13px;
 }

J'ai regardé le sujet mais je n'ai rien remarqué, cependant.
Nye-Hael

Nye-Hael
Nouveau membre

Féminin
Messages : 26
Inscrit(e) le : 24/01/2012

https://gifted.forumactif.com/
Nye-Hael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace indésirable entre les sujets

Message par [AoH]Insane Sam 13 Juil 2013 - 17:33

Tente d'aller voir dans ton Template du nom de topic_list_box dans les environs de ce code:

Code:
<div class="topictitle">
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
            <h2 class="topic-title">
               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
            </h2>
         </div>

Voir s'il n'y aurait pas des <br /> non désirable. S'il n'y en a pas, tente avec ton CSS, de rapprocher tes titres avec .topictitle, qui joue sur les titres de sujets. Des outils comme margin-top, margin-bottom. Ce que j'essayerai serait ceci:

Code:
.topictitle{
margin-bottom: -Xpx;
}

Car d'après ma lecture, tu n'a pas touché au .topictitle dans ton CSS. Possible que si et que je l'ai sauté par mégarde, dans ce cas, va voir ce petit point t'assurer qu'il n'y a pas d'espace d'indiqué là où tu n'en veux pas!

En espérant avoir aidé

[AoH]Insane
[AoH]Insane

[AoH]Insane
***

Masculin
Messages : 118
Inscrit(e) le : 04/07/2013

http://aoh-rpg.forum-canada.com/
[AoH]Insane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace indésirable entre les sujets

Message par Nye-Hael Sam 13 Juil 2013 - 18:33

Je n'ai aucune balise <br /> désireux de s'incruster, et le code CSS n'a pas l'air de vouloir fonctionner.

Cela dit, je garde le code sous la main, merci beaucoup ♥ Je vais tenter autre chose, et je verrai bien.

Encore merci !
Nye-Hael

Nye-Hael
Nouveau membre

Féminin
Messages : 26
Inscrit(e) le : 24/01/2012

https://gifted.forumactif.com/
Nye-Hael a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum