Problème catégorie avec avatar

[ValSpec]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 17.12.2015
Lien du forum : http://bab-test-vc.forumactif.org/

Description du problème

Bonjour à toutes et à tous

Je viens vers vous car j'ai un problème avec mon code de catégorie. L'apparition de l'avatar dans mon tableau créer un espace que je ne veux pas entre le "bloc" catégorie et le dessous de catégorie comme vous pouvez le voir sur la photo ^^ Je vous ai laissé, en dessous, un catégorie "poubelle" sans avatar car on voit qu'il n'y a pas cet espace vide ^^

Je cherche depuis ce matin la solution mais je ne la trouve nulle part :/ Du coup, je viens vers vous ^^

Voilà mes codes :

CSS:

Code:

/* --------------------------------- CATEGORIES --------------------------------- */

table .forumline {
  border-collapse: collapse;
}
.secondarytitle {
  width: 850px;
  height: 117px;
  position: center;
}

.bloc1 {
  background-color: #0e4e70;
  width: 600px;
  height: 150px;
  position: relative;
  left: 2em;
  top:-1em;
    border-width: 3px;
  border-style: double;
  border-color: #bedced;
}


/*** FONDS GENERAUX ***/

/* Contenu de l'ensemble des forum */
.categorie {
  position: relative;
  width: 850px;
  height: 190px;
  background-color: #FFFFFF;
  left: 1.75em;
}

/* Fond des forum */
.sous-forum {
  width: 300px;
  height: 20px;
  overflow: auto;
  top: -10em;
}

/* Mise en forme nom de catégorie */
h2 {
  font-size: 20px;
  font-family: 'Cinzel Decorative', sans-serif;
  color: #81651e;
}

/*** MISE EN FORME DES FORUM ***/

/* Mise en forme du texte des titres de forum */
.cadreforumlink {
  position: relative;
  background-color: #bedced;
  width: 305px;
  height: 30px;
  left: 2.7em;
  top:1.5em;
  z-index: 1;
}

.forumlink {
  color: #FFFFFF !important;
  font-family: 'Cinzel Decorative', sans-serif;
  font-size: 20px !important;
  font-weight: none !important;
  position: relative;
  left:0.25em;
  top: 0.1em;
  z-index: 2;
}

.forumlink:hover {
  color: #C8AE79 !important;
  text-decoration: none !important;
  letter-spacing: 3px;
}

.forumlink a {
  font-size: 16px;
  width: 500px;
}

/* Mise en forme de la description */

.description {
  width: 300px;
  height: 100px;
  background-color: #bedced;
  font-size: 11px;
  text-align: justify;
  color: #FFFFFF;
  position: relative;
  top: 3.5em;
  left: 0.5em;
  overflow: auto;
  padding-right: 5px;
}

/****Avatar***/
.lastpost-avatar {
  position: relative;
  left: 20em;
  top: -7.5em;
}

.lastpost-avatar img {
width: 85px;
height: 132px;
border-style: solid;
border-color: #bedced;
  border-width: 2px;
  border-radius: none !important;
}

/**FIN AVATAR***/
 
/*** SOUS-FORUM ***/

.lienssf {
  width: 580px;
  height: 30px;
  position: relative;
  top: -1.0em;
  text-align: justify;
  overflow: auto;
  padding-right: 5px;
}

.ListeSousForums {
  position: relative;
  width: 80px;
  height: 15px;
  top: 1.0em;
  left: 8em;
}

.ListeSousForums a {
  display:block; /* on transforme les liens en blocs */
  background:#ffffff; /* couleur de fond */
  padding:2px 10px; /* marges internes haut/bas et droite/gauche */
  margin:2px 0; /*marges externes haut/bas et droite/gauche */
  /* des coins arrondis */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  /* un effet d'ombre */
  -webkit-box-shadow:1px 1px 2px 0px #000000;
  -moz-box-shadow:1px 1px 2px 0px #000000;
  box-shadow:1px 1px 2px 0px #000000;
}
 

/*** DERNIERS MESSAGES ***/

.last_mess {
  width: 175px;
  height: 150px;
  position: relative;
  top: -17.25em;
  left: 30.5em;
  background-color: #0e4e70;
  color: #81651e;
  font-size: 10px;
    border-width: 3px;
  border-style: double;
  border-color: #bedced;
}

.last_post {
  width: 170px;
  height: 50px;
  position: relative;
  top: -11.2em;
  left: 20.5em;
    color: #81651e;
  font-size: 10px;
  padding-bottom: 3px;
  background-color: #DCE9FA;
} 

.sujet_message {
  width: 170px;
  height: 25px;
  position: relative;
  top: -11.75em;
  left: 20.5em;
  color: #81651e;
  font-size: 10px;
  padding-bottom: 3px;
  background-color: #DCE9FA;
}

.imgsujet {
 position: relative;
  top: -7em;
  left: 9.5em;
  z-index: 1;
}

.last_mess a {
  color: #81651e !important;
  text-decoration: none !important;
}

.overflowhidden {
  overflow: hidden;
}

/*enlever image titre de caté*/
.secondarytitle h2 span , .hierarchy a span { display:none; }
td.nav a > img , .catBottom .nav a > img, .nav img{display: none !important;}

/*--------------------------------- FIN CATEGORIES --------------------------------- */

Templates :

Code:

<br/><br/><center><!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <th colspan="1" nowrap="nowrap" width="100%" class="secondarytitle" align="center">{catrow.tablehead.L_FORUM}</th>
  </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
                <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
    <tr>
      <td><div class="categorie"><div class="cadreforumlink"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
        <div class="bloc1">{catrow.forumrow.FORUM_DESC}
          <!-- BEGIN avatar -->
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
        <!-- END avatar -->
        <center><div class="sujet_message">{catrow.forumrow.TOPICS} corps & {catrow.forumrow.POSTS} morsures</div></center>
                      <center><div class="last_post">{catrow.forumrow.LAST_POST}</div></center>
                      <center><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="imgsujet"/></center></div>
                    <center><div class="last_mess"><div class="ListeSousForums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div>
          </div></td></tr>
 <!-- END forumrow -->
        <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
<!-- BEGIN tablefoot -->
  </table><img src="http://nsa38.casimages.com/img/2015/12/16/151216121817345053.png" alt="" width="850px" style="margin-top: -5px;"/><!-- END tablefoot --><!-- END catrow -->

Je reste à votre entière disposition si besoin ^^

Merci d'avance d'avoir pris le temps de lire ma demande :thanks:

[Feuilla']

Bonjour,
essayez de rajouter ces codes CSS :

Code:

div.bloc1 {margin-bottom:0px}

Si cela ne fonctionne pas essayez ceci

Code:

.center {display:none}

Bonne journée !

[ValSpec]

Bonsoir
Merci pour votre réponse si rapide Feuilla' mais malheureusement les deux ne fonctionnent pas :/

Est-ce que vous auriez une autre idée?

[ValSpec]

Problème résolu : Création d'une TD supplémentaire et placement par dessus l'autre TD ^^
Merci quand même <3

[Chacha]

Problème résolu : Création d'une TD supplémentaire et placement par dessus l'autre TD ^^
Merci quand même <3

..	Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif