Supprimer titre catégories + régler marges

[Daewyn]

Bonjour, et merci d'avance à ceux qui voudront bien se pencher sur ma demande.

J'aurais deux questions, en fait. La première : ayant mis en place une navigation par onglets sur mon forum, j'aurais aimé savoir comment enlever la barre de titre des catégories (vu qu'avec le nom des onglets, c'est un peu superflu). Je parle de cette barre là (entourée en rouge) :

Spoiler:

La deuxième, je voudrais pouvoir régler les marges dans les catégories. A savoir, ce que j'ai surligné en rouge :

Spoiler:

J'avais obtenu un résultat satisfaisant en modifiant les marges de .row1 dans le CSS, mais en fait ça s'applique à toutes les cellules de la classe (logique), ce que je ne souhaite pas parce que ça me dérégle le profil dans les messages, entre autres. Est-ce qu'il serait donc possible de régler les marges des catégories sans passer par .row1 ? (J'ai aussi essayé via a.forumlink dans le CSS, mais autant ça marche sur firefox autant sous IE le rendu est... déplorable. Oui j'en demande peut être beaucoup à vouloir que ça rende bien sous IE mais bon =/ Et puis ça ne règle que le problème du titre, pas les autres marges.)

Voici mon template index_box (modifié) :

Code:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <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}

            </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>
    <table id="conteneur_onglets">
      <tr>
          <td OnClick="change_categorie(1)">Highway to Hell</td>
          <td OnClick="change_categorie(2)">Pandémonium</td>
          <td OnClick="change_categorie(3)">nom onglet 3</td>
          <td OnClick="change_categorie(4)">Tír na nÓg</td>
          <td OnClick="change_categorie(5)">nom onglet 5</td>
    <!--  <td OnClick="change_categorie(Y)">nom onglet Y</td>  -->
      </tr>
    </table>

    <script type="text/javascript">

      function change_categorie(numero)
      {
          if($('.categorie:eq('+(numero-1)+')').size() != 0)
          {
            $('.categorie').css("display","none");
            $('#conteneur_onglets .actif').removeClass("actif");
         
            $('#conteneur_onglets td:eq('+(numero-1)+')').addClass("actif");
            $('.categorie:eq('+(numero-1)+')').fadeIn();
          }
          else
          {
            alert("Vous n'avez pas accès à cette catégorie")
          }
      }

      $("document").ready(function()
      {
          if($(".categorie").size() > 1)
          {
            if($("#conteneur_onglets").is("table"))
            {
                $("#conteneur_onglets").css("display","table");
            }
            else
            {
                $("#conteneur_onglets").css("display","block");
            }
          }

          change_categorie(1);
      })
   
    </script>

    <!-- BEGIN catrow --><!-- BEGIN tablehead -->

    <div class="categorie"><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
      <th 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="row1 over" colspan="2" valign="top" width="100%"><table width="100%"><tr><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>
            </span>
        </h{catrow.forumrow.LEVEL}></td>
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="top"><div style="width:150px;">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
      </td>
</tr><tr>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <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>
      <td class="row3" align="center" valign="top" height="50">
        <div class="stats"><span class="gensmall"><strong>{catrow.forumrow.POSTS}</strong> Messages ♦ <strong>{catrow.forumrow.TOPICS}</strong> Sujets</span></div><div class="last_msg" style="margin-top:3px"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
      </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" /></div><!-- END tablefoot --><!-- END catrow -->

Et ici mon CSS complet :

Code:

/***APPARENCE FORUM***/


body {
margin-top: -10px;
margin-bottom: -10px;
}

#i_logo {                                /***A REVOIR ***/
margin-left:-10px;
margin-right:-10px;
margin-top: -10px;
margin-bottom:-10px;
}


/***CATEGORIES EN ONGLETS***/

#conteneur_onglets
{  width: 100%;
  margin-top: 20px;
  text-align: center;
  font-family: GEORGIA;
  color: #892110;
  border-collapse: collapse; }


#conteneur_onglets td
{ cursor: pointer; }

.actif
{ text-transform: uppercase; font-family: GEORGIA; }


/*** QEEL ***/
.tableauqueel{
background-color : #2E2924 ;
}

.partiedroite {
font-size : 12px ;
border-left : 3px dotted #892110 ;
padding-left : 20px;
padding-right : 20px;
padding-top:15px;
padding-bottom:15px;
text-align:justify;}

.partiegauche {
font-size : 12px ;
padding-left : 20px;
padding-right : 20px;
padding-top:15px;
padding-bottom:15px;
text-align:justify;}

.groupes{
padding-right:15px;
padding-left:10px;
padding-bottom:3px;
font-size:10px;
font-family: GEORGIA;
text-align:center;
text-decoration: none !important;
}
 

/*** LIENS ***/

a:link,a:active,a:visited {
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
    }

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

a.mainmenu
{
font-size: 14px;
text-align : center ;
color: #892110;
font-family: GEORGIA;
text-transform : uppercase;
}


/*** PROFIL ***/

.pseudo {                                     
      font-family: Georgia;
      text-transform: uppercase;
      margin-top: 5px;
      margin-bottom: 3px;
}

.pseudo a{                                     
      font-size: 16px;
}

.profil_contour                   
{
width:220px;
background-color: #26211B;
margin:-10px;
-moz-border-radius:15px;
border: 1px solid #2E2924;
padding-bottom: 5px;
}

.profilmasque /*ceci s'appliquera sur le bouton et le profil masqué*/
{
width:190px;
background-color: #2E2924;
border: 1px solid #2E2924;
-moz-border-radius:10px;
}

.profil1/*ceci s'appliquera au bouton*/
{
width: 190px;
-moz-border-radius:10px;
background-color: #26211B;
border: 1px solid #2E2924;
font-size: 12px;
letter-spacing: 1px;
}


/***POST***/

.postbody { text-align:justify; padding:10px;}

/***APPARENCE CAT-FO***/

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

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
padding:10px;
}

.descr_cat{
  background-color: #26211B;
  width: 500px;
  height: 100px;
  padding:10px;
  margin-left:35px;
  text-align: justify;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}


.stats{
  background-color: #26211B;
  text-align: center;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-topright: 12px;
  -webkit-border-top-right-radius: 12px;
  -webkit-border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
}

.last_msg{
  background-color: #26211B;
  -moz-border-radius-bottomleft: 12px;
  -moz-border-radius-bottomright: 12px;
  -webkit-border-bottom-right-radius: 12px;
  -webkit-border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  text-align: center;}


/***DESCRIPTION FORUM***/

a.forumlink:link, a.forumlink:active, a.forumlink:visited {

font-size: 22px;
font-family: Times New Roman;
text-align: center;
text-transform : uppercase;
font-weight: lighter;
display: block;
border-bottom: 3px double #892110;
}

a.forumlink:hover, a.forumlink:hover:visited {
color: #993C2E;
text-decoration: none;
display: block;
}


/* ********** OPACITÉ ********** */

.blabla {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.blabla:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}



/* ********** ONGLET ********** */

.onglet
        {
                display:inline-block;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
                border:0px dashed white;
                cursor:pointer;
        }
        .onglet_0
        {
                background:#transparent;
                border-bottom:0px dashed white;
        }
        .onglet_1
        {
                background:#transparent;
                border-bottom:0px dashed white;
                padding-bottom:4px;
        }
        .contenu_onglet
        {
                background-color:#transparent;
                border:0px dashed white;
                margin-top:-1px;
                padding:5px;
                display:none;
        }



/* ********** INFOBULLE ********** */

a.infobulle {
  position: relative;
}

a.infobulle span {
  display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

}
a.infobulle:hover span {
  display: inline; /* ceci affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: 5px; /* on positionne notre infobulle */
  left: 15px;

  background: #3b718d; /* arrière-plan de l'infobulle */

  color: black; /* texte dans l'infobulle */
  padding: 3px;
text-shadow: black 0px 1px 12px;

  /* bordures de votre infobulle*/
 border: 3px solid #3b718d;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}


/*Onglet*/

.text {
color:#FFFFFF; /*Couleur du texte de vos onglets*/
cursor:pointer;
}

#cat_nomonglet1,#cat_nomonglet2,#cat_nomonglet3,#cat_nomonglet4,#cat_nomonglet5 /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:4px;
}

.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

.cat_forum {
background-color: #000000;
margin: auto;
margin-bottom:30px;
width:800px;
}

.onglet {
display:inline-block;
margin-top:30px;
text-decoration:none; !important
cursor:pointer;
}

.onglet li {
float:left;
list-style-type:none;
margin-bottom:-22px;
text-decoration:none; !important
cursor:pointer;
}

.onglet li:hover {
text-decoration:none; !important
cursor:pointer;
}

.onglet li a {
display:block;
text-decoration:none; !important
list-style-type: none;
cursor:pointer;
}

.onglet li a: hover {
text-decoration:none;
list-style-type:none;
cursor:pointer;
}

.onglet_actif {
background: url('URL_ONGLET_ACTIF') no-repeat; /*URL de l'onglet étant actif*/
width:LARGEURpx; /*Largeur de l'onglet étant actif*/
height:HAUTEURpx; /*Hauteur de l'onglet étant actif*/
cursor:pointer;
}

.onglet_nactif {
background:url('URL_ONGLET_INACTIF') no-repeat; /*URL de l'onglet étant inactif*/
width:LARGEURpx; /*Largeur de l'onglet étant inactif*/
height:HAUTEURpx; /*Hauteur de l'onglet étant inactif*/
cursor:pointer;
}


/***PA ONGLETS ***/

.paonglet
        {
        display:inline-block;
        margin-left:20px;
        margin-right:20px;
        padding:10px;
        cursor:pointer;
        background-color: #8A8A8A;
        color: #fff;
        }
        .paonglet_0
        {
        border-radius: 2px 2px 2px 2px;
        -moz-border-radius: 2px 2px 2px 2px;
        -webkit-border-radius: 2px 2px 2px 2px;
        }
        .paonglet_1
        {
          color: #9F0000;
          border-radius: 2px 2px 2px 2px;
          -moz-border-radius: 2px 2px 2px 2px;
          -webkit-border-radius: 2px 2px 2px 2px;
        }

        .contenu_paonglet
        {
                margin-top:-1px;
                padding: 2px;
                display:none;
                height: 320px;
        }

Merci encore à ceux qui voudront bien me consacrer du temps **

[SoraNoHime]

Bonjour

pour votre premier problème, vous pouvez supprimer ceci dans votre template :

Code:


<tr>
      <th 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>

Pouvez-vous mieux m'expliquer votre second problème ?

cordialement.

[Daewyn]

Kyah, Macema, comme on se retrouve x)

Alors alors. Pour le problème n°2, je voudrais diminuer la taille de l'espacement (la place que j'ai mis en rouge). Le tout afin de faire quelque chose de plus... resserré. Le titre plus collé au cadre, idem pour la partie description du forum que je trouve trop éloignée du titre. Et le dernier espace, entre les liens des sous-forums et la fin du cadre.

Avant de m'apercevoir que modifier les marges dans .foruline .row1 me causait des bugs imprévus, j'avais fait ça :

Spoiler:

Et c'est cet espacement que j'aimerais retrouver. Voilà, j'espère avoir été plus claire @_@

[SoraNoHime]

J'ai commencé en enlevant tous les height contenus dans le template et en enlevant la première partie que vous désiriez.

Code:

      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <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}

                </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>
        <table id="conteneur_onglets">
          <tr>
              <td OnClick="change_categorie(1)">Highway to Hell</td>
              <td OnClick="change_categorie(2)">Pandémonium</td>
              <td OnClick="change_categorie(3)">nom onglet 3</td>
              <td OnClick="change_categorie(4)">Tír na nÓg</td>
              <td OnClick="change_categorie(5)">nom onglet 5</td>
        <!--  <td OnClick="change_categorie(Y)">nom onglet Y</td>  -->
          </tr>
        </table>

        <script type="text/javascript">

          function change_categorie(numero)
          {
              if($('.categorie:eq('+(numero-1)+')').size() != 0)
              {
                $('.categorie').css("display","none");
                $('#conteneur_onglets .actif').removeClass("actif");
           
                $('#conteneur_onglets td:eq('+(numero-1)+')').addClass("actif");
                $('.categorie:eq('+(numero-1)+')').fadeIn();
              }
              else
              {
                alert("Vous n'avez pas accès à cette catégorie")
              }
          }

          $("document").ready(function()
          {
              if($(".categorie").size() > 1)
              {
                if($("#conteneur_onglets").is("table"))
                {
                    $("#conteneur_onglets").css("display","table");
                }
                else
                {
                    $("#conteneur_onglets").css("display","block");
                }
              }

              change_categorie(1);
          })
     
        </script>

        <!-- BEGIN catrow --><!-- BEGIN tablehead -->

        <div class="categorie"><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <!-- 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="row1 over" colspan="2" valign="top" width="100%"><table width="100%"><tr><td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%">
            <h{catrow.forumrow.LEVEL} class="hierarchy">
                <span class="forumlink">
                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                </span>
            </h{catrow.forumrow.LEVEL}></td>
          <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="top"><div style="width:150px;">
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
          </td>
    </tr><tr>
    <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%">
            <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>
          <td class="row3" align="center" valign="top">
            <div class="stats"><span class="gensmall"><strong>{catrow.forumrow.POSTS}</strong> Messages ♦ <strong>{catrow.forumrow.TOPICS}</strong> Sujets</span></div><div class="last_msg" style="margin-top:3px"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
          </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="0" width="1" /></div><!-- END tablefoot --><!-- END catrow -->

y'a t-il un mieux ?

[Daewyn]

Well, pour ce qui est de l'espacement titre/description, c'est parfait ** Merci infiniment o/ Ne reste donc plus que la marge entre le titre/haut du cadre & liens sous-forum/bas du cadre =3

[SoraNoHime]

Changez votre template par celui-ci :

Code:

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <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}

                </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>
        <table id="conteneur_onglets">
          <tr>
              <td OnClick="change_categorie(1)">Highway to Hell</td>
              <td OnClick="change_categorie(2)">Pandémonium</td>
              <td OnClick="change_categorie(3)">nom onglet 3</td>
              <td OnClick="change_categorie(4)">Tír na nÓg</td>
              <td OnClick="change_categorie(5)">nom onglet 5</td>
        <!--  <td OnClick="change_categorie(Y)">nom onglet Y</td>  -->
          </tr>
        </table>

        <script type="text/javascript">

          function change_categorie(numero)
          {
              if($('.categorie:eq('+(numero-1)+')').size() != 0)
              {
                $('.categorie').css("display","none");
                $('#conteneur_onglets .actif').removeClass("actif");
           
                $('#conteneur_onglets td:eq('+(numero-1)+')').addClass("actif");
                $('.categorie:eq('+(numero-1)+')').fadeIn();
              }
              else
              {
                alert("Vous n'avez pas accès à cette catégorie")
              }
          }

          $("document").ready(function()
          {
              if($(".categorie").size() > 1)
              {
                if($("#conteneur_onglets").is("table"))
                {
                    $("#conteneur_onglets").css("display","table");
                }
                else
                {
                    $("#conteneur_onglets").css("display","block");
                }
              }

              change_categorie(1);
          })
     
        </script>

        <!-- BEGIN catrow --><!-- BEGIN tablehead -->

        <div class="categorie"><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
      <!-- 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%" valign="top">
            <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="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%">
            <h{catrow.forumrow.LEVEL} class="hierarchy">
                <span class="forumlink">
                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                </span>
            </h{catrow.forumrow.LEVEL}></td>
          <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="top"><div style="width:150px;">
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
          </td>
    </tr><tr>
    <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%">
            <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>
          <td class="row3" align="center" valign="top">
            <div class="stats"><span class="gensmall"><strong>{catrow.forumrow.POSTS}</strong> Messages ♦ <strong>{catrow.forumrow.TOPICS}</strong> Sujets</span></div><div class="last_msg" style="margin-top:3px"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
          </td>
      </tr>
<tr><td colspan="2" height="1"class="espace"> </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="0"><img src="{SPACER}" alt="" height="1" width="1" /></td>
          </tr>
          <!-- END catfoot -->
          <!-- BEGIN tablefoot -->
        </table><img src="{SPACER}" alt="" height="0" width="1" /></div><!-- END tablefoot --><!-- END catrow -->

J'ai enlevé le tableau dans le tableau, resserrer les bords du premier pour ne plus laisser apparaitre les contours, et rajoutez un espace pour en créer entre les différents forums.

Cordialement.

[Daewyn]

Fantastique, merci beaucoup ** Je met en résolu o/