Espace indésirable entre les catégories.

[Elegna]

Bonjour.
Mon forum est en pleine construction et pour je ne sais quelle raison des espaces indésirables sont apparu entre les catégories. Je ne sais pas d'ou ca peut venir, de plus ces espaces ne sont pas tous de la même taille. Voir ici: http://wildheart.actifland.com/
Est ce que quelqu'un a une idée? S jamais vous avez besoin du CSS ou des templates demandez ^^
Merci d'avance.

[[AoH]Insane]

Avant de demander ton CSS et tes Templates, je te conseillerais d'aller vérifier le Niveau de compression de l'index qui se trouve:

Panneau d'Administration (PA) Affichage Page d'accueil Structure et hiérarchie Niveau de compression de l'index

Afin que les catégories soient collées les unes sur les autres, il faut coché l'une des options de Conserver les catégories sur l'index :, que ce soit Aucun, Moyen ou Complet. Si tu ne désires pas que tes catégories soient collé, mais plutôt que l'espace soient uniquement diminué, alors je vais devoir regarder ton CSS et ton Template.

En espérant avoir aidé

[AoH]Insane

[Elegna]

Effectivement j'aimerais conserver un espace mais plus réduit *chiante (a)*

CSS

Code:


/*FORUM*/

 .bodyline
{
  padding: 0;
  background: #ffffff;
  border-left: 5px solid Sienna;
  border-right: 5px solid Sienna;
  box-shadow: 0px 0px 10px #000000;
  -moz-box-shadow: 0px 0px 10px #000000;
  -o-box-shadow: 0px 0px 10px #000000;
  -htm-box-shadow: 0px 0px 10px #000000;
  -webkit-box-shadow: 0px 0px 10px #000000;
}
table
{
  width: 98%;
  margin: auto;
}
.forumline
{
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #BA985D;
  border: 1px solid #BA985D;
  box-shadow: 0px 0px 5px #BA985D;
  -moz-box-shadow: 0px 0px 5px #BA985D;
  -o-box-shadow: 0px 0px 5px #BA985D;
  -htm-box-shadow: 0px 0px 5px #BA985D;
  -webkit-box-shadow: 0px 0px 5px #BA985D;
}

/*QEEL*/
.qeel_titre
{
  width: 100%;
  height: 100px;
  background: url(http://imageshack.us/a/img819/575/jmy.png);
}
.qeel
{
  width: 100%;
  height: 400px;
  background: url(http://img856.imageshack.us/img856/2922/rzg.png);
}
.qeel_table
{
  width: 550px;
  margin: auto;
}
.colonne
{
  position: absolute;
  z-index: 1;
  width: 180px;
  height: 200px;
  overflow: auto;
  margin-top: 100px;
  margin-left: 0px;
  background: #ffffff;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 0px #0d1418;
  -moz-box-shadow: 0px 0px 0px #0d1418;
  -o-box-shadow: 0px 0px 0px #0d1418;
  -htm-box-shadow: 0px 0px 0px #0d1418;
  -webkit-box-shadow: 0px 0px 0px #0d1418;
  font-size: 9px;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(opacity=50);
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
}
.colonne:hover
{
  position: absolute;
  z-index: 99;
  width: 300px;
  height: 300px;
  margin-top: -50px;
  margin-left: -50px;
  background: #ffffff;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 5px #0d1418;
  -moz-box-shadow: 0px 0px 5px #0d1418;
  -o-box-shadow: 0px 0px 5px #0d1418;
  -htm-box-shadow: 0px 0px 5px #0d1418;
  -webkit-box-shadow: 0px 0px 5px #0d1418;
  font-size: 11px;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
}
.qeel_contenu
{
  display: block;
  text-align: justify;
  padding: 10px;
}

/*titres categories*/
.forumlink
{
 display: block;
 text-align: left;
 transition: all 1s;
 -moz-transition: all 1s;
 -webkit-transition: all 1s;
}
a.forumlink:hover
{
 margin-left: 20px;
 transition: all 1s;
 -moz-transition: all 1s;
 -webkit-transition: all 1s;
}

/* CODES CSS CATEGORIES AUX DESCRIPTIONS CACHEES */
.cate
{
  width: 500px;
  height: 130px;
  overflow: hidden;
  border: 0px solid #000000;
  background-color: #ffffff;
}
.cate_img
{
  position: relative;
  z-index: 2;
  width: 500px;
  height: 130px;
opacity: 1.0;
  -moz-opacity: 1.0;
  -khtml-opacity: .01;
  filter: alpha(opacity=100);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate:hover .cate_img
{
opacity: 0.01;
  -moz-opacity: 0.01;
  -khtml-opacity: 0.01;
  filter: alpha(opacity=01);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate_description
{
  position: relative;
  z-index: 1;
  width: 500px;
  height: 130px;
  margin-top: -120px;
  text-align: justify;
  font-size: 11px;
  color: #000000;
  padding: 2px;
  overflow: auto;
}


Template

Code:


<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></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>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
<br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
<br />
      <td class="row3 over" align="center" valign="middle" height="50">
                  <span class="gensmall">Sujets : {catrow.forumrow.TOPICS} | Messages : {catrow.forumrow.POSTS}</span>
                  <br /> <br />
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </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="{SPACER}" alt="" height="1" width="1" /><!-- END tablefoot --><!-- END catrow -->


[Matriochka]

Bonjour et Bienvenue sur le Forum des Forums Forumactif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : mail de fondation - Ce qu'il ne faut pas faire Questions/Réponses fréquentes - Listing Trucs et astuces - Listing La fonction Rechercher La FAQ de Forumactif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse

Bonsoir,

Dans ton template, retire tous les <br /> que tu as mis entre les cellules (<td></td>). C'est ça qui cause les espaces indésirables.

[Elegna]

Ah super, j'aurais pas pensé a tous les enlever vu que c'était pas moi qui les avait mit mais bon x)
Merci beaucoup.