probléme d'espace avec titre de forum et categorie

[Jiben]

Bonjour a vous,

je n'arrive pas a crée un espace entre le titre de mon forum et de ma catégorie :s

Voici ma capture d'écran ( Voir cercle vert ) :


Voici mon 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}

         {CURRENT_TIME}

         </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>

         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

         <!-- 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>   </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>
<tr>
      
      <!-- END inc -->
   </tr>

      <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="auto" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <div class="nom"><span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</div></a>
            </span>
         </h{catrow.forumrow.LEVEL}>

<table class="table1" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
<td width="75%" align="center"><span class="gensmall">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></td>

<td width="25%" align="center"><span class="gensmall"><div class="sujets_messages" >Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div></span></td>
</tr>
</table>

<table class="table2" width="100%" border="0" cellspacing="1" cellpadding="0" border-bottom="1px solid white">
   <tr>
<td class="td1" width="75%" align="center"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></td>

<td width="25%" align="center"><span class="gensmall">
{catrow.forumrow.LAST_POST}</span>
</td>
</tr>
</table>

</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="5" width="1" />
<!-- END tablefoot --><!-- END catrow -->

Et Mon CSS :

Code:

/* Trait de mes categories*/
.table1{border-bottom:1px solid white;
border-top:1px solid white;}

.table2{border-bottom:1px solid white;}

.td1{border-right:1px solid white;}



/* Titre de mes forum*/
a.forumlink
{border: 4px double white;
margin-left: 3%;
margin-top 5px;
border-bottom: 0px;
-border-radius-top-left: 9px;
-moz-border-radius-top-left: 9px;
-webkit-border-radius-top-left: 9px;
-border-radius-top-right: 9px;
-moz-border-radius-top-right: 9px;
-webkit-border-radius-top-right: 9px;
padding-left: 15px;
padding-right: 15px;
padding-top: 3px
}




sujets_messages
{margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 1px solid #000000;
background-image: url(http://img411.imageshack.us/img411/4715/sanstitre3ex.png);}


.derniers_sujets
{margin-top: 3px; /* pour faire un léger espace entre la ligne des "messages & sujets" et "dernier message posté", sinon ça se colle et c'est laid xD; on évite de retirer */*/
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */*/

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond, un arrondi juste sur deux côtés ... */
border: 1px dashed #000000;
background-image: url(http://img411.imageshack.us/img411/4715/sanstitre3ex.png);
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;}


/*----------------------------------
Ma Barre de Navigation
----------------------------------*/

/* Forme de la Barre entière */
.barrenavi{width: 800px;
padding-right: 5px;
padding-left: 5px;
border-bottom: 4px double white;
border-left: 8px double white;
border-right: 8px double white;
background-color: #1D3C40;
filter:alpha(opacity=80);
opacity:0.80;
-moz-box-shadow: 4px 4px 15px black;
-webkit-box-shadow: 4px 4px 15px black;
box-shadow: 4px 4px 15px black;
}

/* Texte de la Barre*/
a.mainmenu {
padding-right: 10px;
font-weight: lighter!important;
text-transform: capitalize;
color : white;
font-size: 11px;}

/* Texte de la barre lors du passage de la souris*/
a.mainmenu:hover{
border-bottom:3px solid white;
border-top:3px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
background-color: white;
padding-right: 10px;
font-weight: lighter!important;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topright: 15px;
-webkit-border-radius-topleft: 15px;
border-radius-topright: 15px;
border-radius-topleft: 15px;
text-transform: capitalize;
color : black;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
font-style:oblique;}



.qeel td.row1
{background: none;}




.post
{ -border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 2px solid white; text-decoration: none;
}


/* infobulle sur  avatar  */
div.infobulle_avatar em {
display:none;
}


/* infobulle sur  avatar  */
div.infobulle_avatar:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}


/* infobulle sur  avatar  */
div.infobulle_avatar:hover em {
font-style: normal; /*écriture de la police*/
font-size: 10px; /*taille de la police*/
color:#000 !important; /*couleur de la police*/
padding: 3px;
display: block;
position: absolute;
-moz-border-radius: 8px; /* bord arrondis*/
-webkit-border-radius:8px; /* bord arrondis*/
border-radius: 8px ; /* bord arrondis*/
background-color: #828282; /*couleur de fond de l'infobulle*/
border: 1px solid #525052; /*taille et couleur de la bordure de l'infobulle*/
width:250px; /*largeur de l'infobulle*/
top: 100px; /*infobulle à 100px du haut*/
left: 8px; /*infobulle à 100px de la gauche*/
}






/* cadre des dernier message  */
.derniers_sujets
{    background-color : #828282; 
-border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 2px solid white; text-decoration: none;
    color : white;
}


/* transparence cadre de mes derniers sujets */
.derniers_sujets
{background-color: transparent;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1}

/* cadre des dernier message  lors du survol*/
.derniers_sujets:hover {
 -moz-box-shadow: 0px 0px 20px white;
-webkit-box-shadow: 0px 0px 20px white;
box-shadow: 0px 0px 20px white;
}

/* cadre de mes sujets */
.sujets
{background-color: #828282;
-border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 2px solid white; text-decoration: none;
color : white;
}


/* transparence cadre de mes sujets */
.sujets
{background-color: transparent;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1}

/* cadre de mes sujets lors du survol */
.sujets:hover {
 -moz-box-shadow: 0px 0px 20px white;
-webkit-box-shadow: 0px 0px 20px white;
box-shadow: 0px 0px 20px white;
}




/* cadre ds message,  pseudo*/
.pseudo{
text-align: center;
border: 2px solid #000000;
background-color:  #919F84;
padding:1px;
-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

/* quand on survol un pseudo dans les messages */
.pseudo:hover{
    text-transform: uppercase;
    font-style:italic;}


/* les cadres pour sauter ver .., bouton aller, ..  */
input,textarea, select {
 border: 1px solid #525052;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
-border-radius-bottomleft:6px; /* tous les côtés sont arrondis */
-border-radius-bottomright:6px;
-border-radius-topleft:6px;
-border-radius-topright:6px;
-webkit-border-radius-bottomleft:6px; /* tous les côtés sont arrondis */
-webkit-border-radius-bottomright:6px;
-webkit-border-radius-topleft:6px;
-webkit-border-radius-topright:6px;
}




/* barre de navigation */
.mainmenu{
height: 35px;
    font-size : 11px;
    color : white;
        }


/* décoration de la barre de navigation */
a.mainmenu{
    text-decoration: none;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
-border-radius-topright: 10px;
-border-radius-topleft: 10px;
-webkit-border-radius-topright: 10px;
-webkit-border-radius-topleft: 10px;
padding-right: 8px;
padding-left: 5px;
}


/* barre de navigation lors du survol */
a.mainmenu:hover{
    text-decoration:none; color : white;
    background-color : #66705D;       
 border-bottom: 2px solid #363642;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1;
  }



/* Soulignement des liens en pointillés lors du survol */
a:hover {text-decoration: none !important;
border-bottom : 1px dotted
}


/* enleve le soulignement en dessous des lien */
a {
text-decoration: none !important;
font-variant: small-caps;
}


/* Décoration du spoiler ouvert */
.spoiler_content{
padding: 3px;
border:1px #33FFFF solid;
 -moz-box-shadow: 0px 0px 20px #33FFFF;
-webkit-box-shadow: 0px 0px 20px #33FFFF;
box-shadow: 0px 0px 20px #33FFFF;
}


/* Décoration du spoiler fermé*/
.spoiler_closed{
padding: 3px;
border:1px #3366FF solid;
 -moz-box-shadow: 0px 0px 20px #3366FF;
-webkit-box-shadow: 0px 0px 20px #3366FF;
box-shadow: 0px 0px 20px #3366FF;
}


/* Décoration de la citation */
.quote {
padding: 3px;
border:1px #33FF00 solid; /* bordure  */
 -moz-box-shadow: 0px 0px 20px #33FF00;
-webkit-box-shadow: 0px 0px 20px #33FF00;
box-shadow: 0px 0px 20px #33FF00;
-border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
}


/* Décoration du code */
.code {
padding: 3px;
border:1px solid #FF99FF ; /* bordure blanche en traits peu épais */
-border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
 -moz-box-shadow: 0px 0px 20px #FF99FF;
-webkit-box-shadow: 0px 0px 20px #FF99FF;
box-shadow: 0px 0px 20px #FF99FF;
}

Merci d'avance

[Jiben]

up

[Jiben]

J'ai résolu mon probléme a locker si vous plait