Problème avec les titres de mes catégories

[Haru-chii]

Bonjour,

j'ai un problème au niveau des titres des catégories. Je suis tout d'abord sur Phpbb2. J'ai voulu personnalisez mes titres de catégories, et après avoir supprimer les colonnes Sujets et messages, voilà ce que cela donne:

Spoiler:

Et donc, j'aimerais que mon texte dans le cadre soit centré, et que justement, ce cadre fasse toute la largeur de la catégorie.
Voilà mon CSS

Code:

a.forumlink {
box-shadow: #000000 0px 0px 4px; /*On met une ombre à notre boite*/
text-shadow: #ffffff 0px 0px 4px; /*On met une ombre au texte de notre boite*/
-moz-border-radius: 45px; /*On met un arrondis de chaque côté de 40px*/
-webkit-border-radius: 45px; /*idem*/
-khtml-border-radius: 45px; /*idem*/
text-align: center; /*On centre le texte*/
font-size: 15px; /*On augmente la taille du texte*/
font-family: Georgia; /*On change la police du texte*/
border-top: 3px solid #C2C2C2;  /*On applique une bordure*/
border-bottom: 3px solid #C2C2C2; /*On applique une bordure*/
border-left: 2px solid #D0DBED; /*On applique une bordure*/
border-right: 2px solid #D0DBED; /*On applique une bordure*/
background: #E3E3E3; /*Un fond coloré*/
height:18px;  /*Une hauteur*/
margin: auto;  /*Une marge automatique*/
display: block;}

Et mon templates Index-box, au cas où.

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">
               <table width="100%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td><td align="right"><span class="gensmall"><b>Sujets :</b> {catrow.forumrow.TOPICS} | <b>Messages :</b> {catrow.forumrow.POSTS}</span></td></tr></table>
            </span>
         </h{catrow.forumrow.LEVEL}>
           <center><span class="genmed"><div class="descate">{catrow.forumrow.FORUM_DESC}</div></span></center>
         <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 over" align="center" valign="middle" height="50">
         <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="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Merci d'avance pour votre aide!

Edit: Ah, mince, je me suis trompée de section >w<

[paper-gangsta]

Bonjour

Essaie d'ajouter une propriété de largeur.

Code:

width: auto;

et si ça ne bouge pas, fais le manuellement, genre :

Code:

width: 600px;

et tu modifies la valeur de px selon la largeur de ton forum, tu bidouilles jusqu'à arriver à la largeur désirée.

[esiao]

Ce que paper gangsta te dit devrait fonctionner la deuxième, parce que auto c'est déjà le cas (la div prends la taille par rapport au contenu)

Mettre une largeur fixe c'est pas mal mais sur un forum extensible non, la solution est donc de mettre :

Code:

width: 100%

(toute la largeur disponible)

[Haru-chii]

Merci, ca n'a marcher qu'avec le 600 px o/