Problème de centrage bouton catégorie.

[Luluwebmaster]

Bonjour a tous
Voila, j'ai un problème de centre de boutons de categories,
voila le css :

Code:

/* CSS pour le conteneur des catégories */
#conteneur_categories{}
/* CSS pour les catégories */ 
.categorie{}
/* CSS pour le conteneur des onglets */
#conteneur_onglets{display: none;text-align:center;margin-left:140px;}
/* CSS pour les onglets */
.onglet{cursor: pointer;text-align:center;}

Le template index_box :

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>
<center>
<div id="conteneur_onglets">
  <center>
<table><tr>
  <td class="onglet"><div><img src="http://nsa34.casimages.com/img/2013/03/10//130310064238756272.png" /></div></td>
  <td class="onglet"><div><img src="http://nsa34.casimages.com/img/2013/03/10//130310064239973578.png" /></div></td>
  <td class="onglet"><div><img src="http://nsa33.casimages.com/img/2013/03/10//13031006461953829.png" /></div></td>
  <td class="onglet"><div><img src="http://nsa34.casimages.com/img/2013/03/10//130310064238926452.png" /></div></td>
</tr></table>
  </center>
</div>
</center>
<div id="conteneur_categories">
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="categorie"><table width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <td colspan="2" nowrap="nowrap" width="100%" class="secondarytitle" align="center"> {catrow.tablehead.L_FORUM} </td>
 
 
  </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%" align="center">
        <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 --></table><table class="forumline" width="100%" border="0" cellspacing="5" cellpadding="0">
  <!-- 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 style="border-radius: 10px;" class="row1 over" colspan="3" valign="top" width="100%">
                <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
                  <span class="forumlink"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><center>{catrow.forumrow.FORUM_NAME}</center></a></span>
                  </h{catrow.forumrow.LEVEL}></td></tr></tbody></table></td></tr>
     



<tr>
<td style="border-radius: 10px;" class="row1 over" colspan="3" align="center" ><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></td></tr>



 

<tr><td style="border-radius: 10px;" align="center" class="row1" width="33%" class="gensmall"><span class="genmed">{catrow.forumrow.POSTS} messages</span></td>
  <td style="border-radius: 10px;" class="row1" width="33%" align="center"><span class="genmed">{catrow.forumrow.LAST_POST}</span></td>
<td style="border-radius: 10px;" align="center" class="row1" width="33%" class="gensmall"><span class="genmed">{catrow.forumrow.TOPICS} sujets</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="5" width="1" /></div>
<!-- END tablefoot --><!-- END catrow -->
</div>
 

J'ai aussi un javascript, je ne sais pas s'il le faut ....
Les boutons consserner, se sont ceux nommer "Vie du forum." "Ekoloko USA" "Ekoloko france" "Coins detante."
Je ne sais pas du tout comment les centrer, ça marche sur le forum de test d'une autre personne ....

Merci d'avance a celui qui sauras me répondre

[Matriochka]

Bonjour,

Tu as ceci dans ton CSS:

Code:

/* CSS pour le conteneur des onglets */
#conteneur_onglets{display: none;text-align:center;margin-left:140px;}

Remplace-le par :

Code:

#conteneur_onglets {
margin-left:auto;
margin-right:auto;}

[Luluwebmaster]

Oui !!!
ça marche super, un grand grand grand merci a toi