Créer un espace entre deux catégories

[Mystyroi]

Bonjour/Bonsoir à tous et à toutes,

Je commencerais tout d'abord par dire que j'ai essayé dez régler par moi-même ce soucis, puis en regardant sur Internet, et au final en essayant de regarder la foire aux Questions de forum actif mais je n'arrive toujours pas à régler le problème ce pourquoi j'en fais actuellement appel à vous. Avant de poster, j'ai bien évidemment pris la peine de choisir la bonne catégorie et de lire la charte d'utilisation.

Je suis l'administrateur d'un forum (en PunBB) d'aide à la communauté d'habbo hôtel que vous pouvez consulter à l'adresse suivante http://www.habboguides.forum-canada.net/, et je souhaiterais ajouter un espace entre les deux catégories. Je précise pour cela que j'ai déjà modifié quelques caractéristiques de mon panneau de configuration dans : "Affichage > Page d'acccueil > Structure et hiérarchie" et en ayant sélectionné les trois types de catégories censées être séparées sur l'index comme le montre l'image ci-dessous mais cela n'a rien donné.



D'autre part, d'après d'autres problèmes ayant certaines similitudes avec le mien, j'ai pu comprendre que cela ne venait pas des templates mais de la feuille de style CSS. J'ai déjà essayé d'ajouter du code pour régler cet espace, mais toujours sans résultat. Je tiens à dire qu'avant, je n'avais jamais touché au CSS et aux templates.

C'est pourquoi je me demande finalement si cette démarche demeure possible ? Mais comme sur un forum, tout est configurable, en particulier sur forumactif, je pense que cela est possible. C'est pourquoi, j'aimerais que si vous aviez des directives ou une potentielle solution à me proposer, vous me détaillerez bien tout ce qu'il faut faire en donnant un maximum de détails (pour ma part, j'ai essayé d'en fournir beaucoup).

Merci à ceux qui auront pris la peine de lire mon message et merci d'avance à ceux qui tenteront de trouver une solution

- Cordialement, Mystyroi.

[SoraNoHime]

Bonjour

Il me faudrait votre template index_box s'il vous plait.

Cordialement.

[Mystyroi]

Le voici sans plus attendre :

Code:

<div class="pun-crumbs">
   <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="main-head">
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
         <table cellspacing="0" class="table">
            <thead>
               <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2">{L_TOPICS}</th>
                  <th class="tc3">{L_POSTS}</th>
                  <th class="tcr">{L_LASTPOST}</th>
               </tr>
            </thead>
            <tbody class="statused">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
               <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                     <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                     </span>
                     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <br />
                     {catrow.forumrow.FORUM_DESC}
                     <!-- BEGIN switch_moderators_links -->
                     <br />
                     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                     <!-- END switch_moderators_links -->
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                  <td class="tc2">{catrow.forumrow.TOPICS}</td>
                  <td class="tc3">{catrow.forumrow.POSTS}</td>
                  <td class="tcr">
                     <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </td>
               </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </tbody>
         </table>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
   <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   </ul>
   <!-- BEGIN switch_delete_cookies -->
   <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
   </p>
   <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

[SoraNoHime]

Repérez ceci :

Code:


   <!-- END tablefoot -->
<!-- END catrow -->
</div>

Et remplacez le par

Code:


   <!-- END tablefoot -->
<div style="height:10px;"> </div>
<!-- END catrow -->
</div>

modifier le 10 pour agrandir ou réduire l'écart.

Cordialement.

[Mystyroi]

Re bonsoir à vous,

Finalement, je n'aurais pas pu régler le problème moi-même car il fallait toucher au code, donc cela n'était pas de mon niveau. Cependant légère erreur dans votre message, il me semble car vous avez mis deux fois le même code. Or dans le code initial du template index_box, il n'y a pas la ligne à ajouter qui permet d'ajouter un espace entre les deux catégories, à savoir <div style="height:10px;"> </div>, mais juste :

Code:

   <!-- END tablefoot -->
<!-- END catrow -->
</div>

Enfin bref, l'important est que tout fonctionne parfaitement ce pourquoi je tiens à vous remercier car ce n'était pas compliqué mais encore fallait-il trouver où l'on pouvait ajouter cette fameuse ligne de code.

[Mystyroi]

Désolé du double post, mais malheureusement il y a un léger problème avec la démarche. En effet, l'espace entre les deux catégories varie selon la valeur, mais seulement un autre espace vient s'ajouter ce qui est très contraignant et ne fait pas joli joli. Voici l'espace en question qui s'ajoute en plus de l'espace entre les catégories, et qui se situe entre le titre de la catégorie et la case de la description de la catégorie. Voir ci-dessous:



(Sur l'image de bas en haut : au-dessus on a une première catégorie, plus bas l'espace entre les deux catégorie souhaité, ensuite l'espace non-souhaité représenté par la flèche rouge qui vient s'ajouter dans la catégorie, et puis pour finir l'espace entre la seconde catégorie et le bas de page)

Si vous pourriez m'indiquer une démarche supplémentaire afin d'empêcher qu'il y ait cet espace en particulier, cela serait gentil. Merci d'avance

[SoraNoHime]

Alors remplacez :

Code:

       
          <!-- END tablefoot -->
        <div style="height:10px;"> </div>
        <!-- END catrow -->
        </div>

par :

Code:

   
        <div style="height:10px;"> </div>   
          <!-- END tablefoot -->
        <!-- END catrow -->
        </div>

[Mystyroi]

Bonsoir et merci, tout marche parfaitement. Je mets le sujet en résolu.