Largeur du forum modifier a la modifications des Templates

[Etoile du tonnerre]

Bonjour !

Voila mon problème:
Cela fait plusieurs jours que j'ai modifié mes catégories [Alors sa fait plusieurs jours que je n'ai pas de problème avec mon forum test]
Mais quand j'ai rajouté la bannière les catégories n'étaient plus centrées alors j'ai modifié les templates. Seulement j'ai dû modifier quelque chose qu'il ne fallait pas parce que maintenant j'ai un grand espace sur les cotés de mon forum:
https://2img.net/image.noelshack.com/fichiers/2012/33/1345304199-sans-titre-1.png

Sa ne vient pas de la bannière car je l'ai enlevé D:

Voici mon 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>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table border="0" cellspacing="0" cellpadding="0" ><tr><td><img src="URL IMAGE DU HAUT" /></td></tr></table>
<table class="forumline"  border="0" cellspacing="1" cellpadding="0">
  <tr>
    <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"><div class="titre_cat">{catrow.tablehead.L_FORUM}</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}" align="center" valign="top" width="100%" height="160px" style="background-image:url(URL DESCRIPTION FORUM); background-repeat: no-repeat; background-position:0px 27px;">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <div style="position: relative; top:-20px;"><span class="forumlink">
                                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                                  </span></div>
                          <div style="position: relative; top:-33px;"><div class="StatsForum">{catrow.forumrow.TOPICS} SUJETS & {catrow.forumrow.POSTS} MESSAGES</div></div>
                          </h{catrow.forumrow.LEVEL}>
                          <div style="position: relative; top:-20px;"><table><tr><td style="width:340px;"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></td>
         <td style="width:100px;><span class="gensmall">
            

              <span id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
              <script type="text/javascript">
              jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br /> ')).removeAttr('id');
                </script>
                          </span>
   
</td></tr></table></div></div>
                         
</td>
      <td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall"><div class="dernier_message">{catrow.forumrow.LAST_POST}</div></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><table border="0" cellspacing="0" cellpadding="0"><tr><td><img src="URL IMAGE DU BAS" /></td></tr></table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Bref, merci d'avance à celui ou celle qui pourra m'aider.
Etoile du Tonnerre.

[_backdraft_]

Bonjour,

Je ne suis pas sur de moi mais regardez cette ligne dans votre code :

Code:

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

Cette ligne comporte trois colonnes le problème est que la deuxième colonne à pour taille "100%", pour moi c'est ceci la cause du problème.

Cordialement

[Etoile du tonnerre]

Non apparement ce n'est pas sa
Par contre quand je réduisais la taille des catégories dans les Templates sa enlevait l'espace, seulement après j'avais des catégories qui faisait 100px de largeur alors...
Du coup j'ai supprimé le "width="100%" des catégories ^^'

[_backdraft_]

Essayez ceci : (je n'ai pas pu tester si ça marche ou pas désolé).

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 border="0" cellspacing="0" cellpadding="0" ><tr><td><img src="URL IMAGE DU HAUT" /></td></tr></table>
<table class="forumline"  border="0" cellspacing="1" cellpadding="0">
  <tr>
    <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"><div class="titre_cat">{catrow.tablehead.L_FORUM}</div></th>     
  </tr>
        <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="15%"><img src="{SPACER}" height="0" width="15%" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="85%">
  <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="15%"><img src="{SPACER}" height="0" width="15%" 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}" align="center" valign="top" width="85%" height="160px" style="background-image:url(URL DESCRIPTION FORUM); background-repeat: no-repeat; background-position:0px 27px;">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <div style="position: relative; top:-20px;"><span class="forumlink">
                                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                                  </span></div>
                          <div style="position: relative; top:-33px;"><div class="StatsForum">{catrow.forumrow.TOPICS} SUJETS & {catrow.forumrow.POSTS} MESSAGES</div></div>
                          </h{catrow.forumrow.LEVEL}>
                          <div style="position: relative; top:-20px;"><table><tr><td style="width:340px;"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></td>
        <td style="width:100px;><span class="gensmall">
           
 
              <span id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
              <script type="text/javascript">
              jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br /> ')).removeAttr('id');
                </script>
                          </span>
 
</td></tr></table></div></div>
                       
</td>
      <td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall"><div class="dernier_message">{catrow.forumrow.LAST_POST}</div></span>
                  </td>
  </tr>
<!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="15%"><img src="{SPACER}" height="0" width="15%" /></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><table border="0" cellspacing="0" cellpadding="0"><tr><td><img src="URL IMAGE DU BAS" /></td></tr></table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Cordialement

[Etoile du tonnerre]

Rien ne se passe :/
C'est bizarre... J'ai crée un forum avec 3 sous-forums. Les Sous-Forums ont exactement le même affichage que les catégories mais pourtant il n'y a pas de décalage...
Je comprend rien x)

[Etoile du tonnerre]

UP o/

[Anzu]

Bonsoir,

Pourrais je avoir le lien du forum concerné ?
Le problème est arrivé suite à quelle modification ?

Cordialement.

[Etoile du tonnerre]

Oulà, sa fait plusieurs jours que j'ai fait ses modifications alors je me souviens plus vraiment ^^'

[Anzu]

Cela ne me donne pas le lien du forum concerné.

[Etoile du tonnerre]

Bonjour.
J'ai finalement trouvé l'origine du problème. Cela venait du CSS des titres des catégories.

Merci tout de même de votre aide (:

Etoile du T'