Alignement des forums

[Menoch]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,
je suis en train de travailler l'apparence de mon forum et j'aurais besoin d'une deuxième paire d'yeux (voire plus).

En effet j'ai modifié le template index-box pour gérer le nombre de colonnes des forums et leur contenu et je me retrouve avec la bizarrerie suivante : dans ma première catégorie et les forums associés les alignements sont exactement comme je le souhaitais mais toutes les catégories et forums suivants sont décalés.

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 class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="10%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</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="70%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
        <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 over" align="center" valign="middle" height="50">
                  <span style="font-size: 9px;font-family: calibri;text-transform: uppercase; color:#3A3326;">{catrow.forumrow.TOPICS} Sujet | {catrow.forumrow.POSTS} Messages</span>
                    <br />
<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 -->


Si quelqu'un veut bien jeter un oeil avec moi ça m'aiderait. Merci d'avance :thanks:

[Menoch]

up

[Menoch]

up

[Walt]

Bonjour,

Ligne 21 de votre template, remplacez :

Code:

<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="10%" class="secondarytitle">

par

Code:

<th colspan="3" nowrap="nowrap" width="10%" class="secondarytitle">

Cordialement,
Walt

[Menoch]

Merci de votre réponse Walt,
je viens de faire un essai avec la modification que vous suggérez, malheureusement c'est sans effet.

[Walt]

Je ne vois pas la modification en ligne, vous avez publié le template ?
Si je fais la modification de mon côté, ça règle le problème.

Avant

Après

Cordialement,
Walt

[Menoch]

Oui j'ai bien publié le template mais j'avais restauré la version sans modification de ligne après avoir constater que ça n'avait pas d'effet.

Je viens de republier le template avec votre modification si vous souhaitez voir ce que cela donne en situation. Le décalage est d'autant plus visible entre la première et la deuxième catégorie.

[Walt]

Je pense que c'est dû au fait que dans les deux premières catégories, il y a au moins un des forums qui contient des informations dans la colonne "derniers messages". Postez un message dans ce forum pour voir si ça confirme cette théorie :

Ca devrait régler le décalage de la troisième catégorie également. Si c'est bien ça, il va falloir envisager de mettre une largeur fixe à cette colonne.

Cordialement,
Walt

[Menoch]

Je m'étais fait la même réflexion effectivement mais ça n'est pas lié. Je viens de poste un message dans le forum suggéré.

[Walt]

Et bien si, votre message dans cette catégorie a supprimé le décalage dans la catégorie concernée :



Cordialement,
Walt

[Menoch]

Ca ne le fait pas sur la première catégorie en tout cas, peut-être est-ce une question de navigateur

[Walt]

Tentez de donner une largeur fixe à cette troisième colonne, par exemple en entourant son contenu par une div, avec une largeur fixe. Vous verrez bien si ça règle le souci ou non

Cordialement,
Walt

[Menoch]

Bien vu, merci beaucoup pour votre aide Walt