Catégorie en Onglet: Afficher son nom ou description avant les forums

J'ai beau utilisé l'outil "rechercher" et taper différentes formulations. Je n'ai pas trouvé de sujet se rapprochant de près ou de loin à mon problème... Je m'explique:

Mes catégories sont rangées en onglet (que je n'ai pas encore personnalisé car je ne me suis pas encore décidée sur l'aspect que je veux leurs donner). Et j'ai vu sur un forum que l'on pouvait mettre le titre, ou plutôt la description de la catégorie (sous forme image) au dessus des forums qu'elle contient (avec un nom différent par onglet) comme cela:

(Cliquer pour agrandir l'image)

J'ai essayé plusieurs petits stratagèmes pour au moins fixer le titre des catégories au dessus des forums mais un problème revient souvent: Lorsque l'on clic sur les onglets, les titres des catégories s'accumulent. Je me suis donc demander si le code CSS devait être appuyé par un code dans le Template "Index_box". Mais en cherchant rapidement dans mon Template, j'ai rien vue se rapportant aux titres de mes catégories...

Donc je me retrouve avec ceci:

(Cliquer pour agrandir l'image)

Help?!

Si besoin, je peux donner mes codes CSS et Template Index_box. Ainsi que le code source (en java) du forum qui n'est pas vraiment différent du mien.

Et voici le lien pour mon forum test

Merci d'avance

Oui bien sûre,Voilà:

Code:

<div class="my_cat"> <ul></ul> </div>

<div class="my_cat_body">
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="my_modified_table" width="100%" border="0px" cellspacing="1px" cellpadding="5px">
  <div class="my_forum_name">{catrow.tablehead.L_FORUM}</div>
  <!-- END tablehead -->
  <!-- BEGIN forumrow -->
      <tr>
        <td colspan="3" class="my_title" align="left"><div class="myfoo_title"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img src="{SPACER}" alt="" height="5" width="1" /></td>
      </tr>
      <tr>
        <td class="my_img" valign="top"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="" /></td>
        <td class="my_disc" width="300" valign="top" >{catrow.forumrow.FORUM_DESC}</td>
        <td class="my_stats" width="200" valign="top">
            Topics: {catrow.forumrow.TOPICS}<br />
            Posts: {catrow.forumrow.POSTS}<br />
            Dernier post: {catrow.forumrow.LAST_POST}<br />
           
        </td>
      </tr>
  <!-- END forumrow -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
</div>

Dans ce cas, c'est peut être dans le CSS alors
Voici tout ce qui défini mes forums et catégories

Code:

.my_modified_table{
  width: 80%;
  margin-left: 10%;
margin-right: 10%;
margin-top: 5px !important;

font-family: Book Antiqua;
}

.my_forum_name{
  display: none;
}
.my_img{
width: 10%;
margin-left: 50px;
}
.my_disc{
display: intence;
width: 70%;
text-align:center;
font-size: 13px;
}
.my_stats{
 width: 20%;
text-align:center;
}

.myfoo_title{
  text-align: center;
  width: 100%;
  -moz-border-radius: 6px;
  border: 1px;
}

.my_title{
border-top: 1px #FC8B21 solid;
border-left: 1px #BC5C0D solid;
border-right: 1px #FC8B21 solid;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
background-image:url("http://i45.servimg.com/u/f45/11/75/54/95/fond_c10.jpg");
background-opacity: 0.1;
filter: alpha(opacity=30)
  text-align: Center;
  font-size: 16px;
font-weight: bold;
font-family: Georgia;
}

.my_cat_body{
border: 1px solid;
-moz-border-radius: 3px;
}

.my_cat ul{
margin:0;
padding: 1;
width: 800px !important;
}
.my_cat li{
margin-left: 1px;
}
.my_cat_style{
border-top: 0px #FC8B21 solid;
border-left: 0px #BC5C0D solid;
border-right: 0px #FC8B21 solid;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
text-align: center;
font-size: 11px;
padding-left:10px;
padding-right:10px;
display:inline;
background-color: #BC5C0D;
width: 200px;
font-family: Georgia;
font-weight: normal;

}
.my_cat a{
text-decoration: overline !important;
color: #3C0A00;
}

Quand je change =>

Code:

.my_forum_name{
  display: none;
}

Pour =>

Code:

.my_forum_name{
  display: intense;
}

C'est à se moment là que j'ai les noms des catégories qui s'affiche et ne s'enlève plus. A partir de là, je ne sais pas comment faire pour cacher les autres...

Code:

.my_forum_name{
  display: intense;
}

Code:

</div>

Code:

<div class="my_forum_name">{catrow.tablehead.L_FORUM}</div>

Code:

{catrow.tablehead.L_FORUM}

Code:

        .onglet{
        color: #9aa277;                    /* couleur texte */
        font-family: Georgia, Verdana, Arial, serif;            /* police écriture */
        background-color: #;      /* couleur fond onglet */
        background: url('url de votre image') no-repeat;
        display:inline-block;
        margin-right:4px;        /* marge entre les onglets */
        margin-bottom:-20px;      /* marge entre onglet et catégorie */
        padding:5px;        /* marge entre le texte et les bords de l'onglet */
        border:1px solid #0F0505;      /* bordure onglet */
        cursor:pointer;
        -moz-border-radius: 7px 7px 7px 7px;    /* arrondi les angles */
        -webkit-border-radius: 7px 7px 7px 7px;
        border-radius: 7px 7px 7px 7px;
        }
       
        .actif { /*Onglet survolé*/
        color: #fff;
        background-color : #;
        background: url('url de votre image') no-repeat;
        margin-right:8px;
        padding:5px;
        border:2px solid #0F0505;
        cursor: pointer;
        -moz-border-radius: 7px 7px 7px 7px;
        -webkit-border-radius: 7px 7px 7px 7px;
        border-radius: 7px 7px 7px 7px;
        }