~ Bien le Bonjour, à tous et à toutes !

Configuration : PHBB2
Fondateur : Oui
Catégories : Séparées, Mode Moyen
Template modifié : Oui
Template posant problème : index_box
Forum :



Je me permet de poster un petit message pour poser une question au sujet d'un problème de Codages, merci d'avance à celui ou celle qui pourra m'aider ! Après des heures de recherche, je n'ai rien trouvé qui correspondait à mon soucis~

Alors, cela concerne les Catégories en Onglets.

Au départ, j'ai personnalisé les Templates et les CSS pour faire mes onglets sur un Forum-Test (Qui correspond aux deux premiers Screenshots sur le lien qui va suivre) et là, étrangement, il n'y a aucun soucis notable.

Pourtant, lorsque j'ai voulu appliquer les mêmes codes sur le forum dont je veux changer l'apparence, les problèmes ont commencé. (Ne prenez pas garde au nombre effarant de catégories, j'ai tout essayé donc je peux déjà vous dire qu'il ne s'agit pas de ça ) En fait, il se trouve qu'un espace s'est formé entre mes onglets/ma bordure et les forums qui se trouvent dans la catégorie. Lorsque je clique sur l'un des onglets, la transition se fait vers l'autre page de catégories, mais celle-ci apparait plus bas... Comme si la précédente catégorie n'était que "cachée", et ainsi de suite jusqu'au bas du forum. En somme, il n'y a pas l'effet de "Flap" des onglets puisque la page a gardé toute sa longueur et qu'à présent il y a de grands vides partout !

> Voir les Screenshots en Cliquant ICI

Comme vous pouvez le voir, sur le premier forum tout va bien,
Mais le second est troué d'espaces et les forums apparaissent de plus en plus bas !
(PS : J'ai utilisé le même template pour les deux, et le soucis vient de la index_box)

Voilà le template en question :



Est-ce que quelqu'un sait où pourrait se trouver le problème,
Et surtout, comment enlever ces espaces ? =/

Merci infiniment, par avance,
Et bonne journée à tous !!

Alors déjà pour que je puisse tester tes templates hein

Edit: Me faudrait ton script permettant la transition, ou/et ton CSS correspondant...

~ Ouips pardon ! x_x
Héhé... ! (J'avais un peu zappé ce détail, je suis pas très bonne quand il s'agit de savoir quoi partager pour régler les soucis x'D Hum...)

Alors tout d'abord voilà mon CSS (Qui comprends les changements dans les messages ainsi que les changements pour les Catégories / Onglets) :



La nouvelle version de mon Template index_box (Qui me fait toujours les espaces étranges) :



Mon Template overall_header (Même si le soucis ne touche que l'index_box) :



Voilà voilà...
Je sais pas trop si j'ai éclairci un peu la chose m'enfin x)
Merci d'avance pour la suite, et merci encore de votre attention !!

Bonne journée ! *-*

Je veux bien jeter un oeil aussi ~

Edit: Alooors... n'ayant pas le template index_body, je ne peux pas vérifier si le problème est entièrement résolu (je n'ai pas les onglets dans mes tests), mais je suis tout de même parvenue à me débarrasser des retours à la ligne superflus...

Dans ton template, il semblerait que la raison soit une balise BR située entre deux TD.

Code:

  <!-- BEGIN forumrow -->
      <tr>
        <td colspan="3" class="my_title" align="center"><div class="myfoo_title"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><img src="{SPACER}" alt="" height="5" width="1" /></div></td>
      </tr>
      <tr>
        <td class="my_img" valign="top"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="" /></td>
        <td class="my_disc" width="300" valign="top" >{catrow.forumrow.FORUM_DESC}</td>
        <br> <!-- JE SUIS LA !! -->
        <td class="my_stats" width="150" valign="top">
          <br>{catrow.forumrow.LAST_POST}<br><br />
        </td>
      </tr>
  <!-- END forumrow -->

En le mettant dans le td "my_disc", les retours à la ligne disparaissent. A noter que plutôt que

Code:

<br>

il est plus juste que fermer la balise :

Code:

<br />

Outre cela, dans l'en-tête des catégories :

Code:

<div class="my_cat"> <ul></ul> </div>
<div class="my_cat_body">
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="my_modified_table" width="100%" border="0" cellspacing="4" cellpadding="2">
  <div class="my_forum_name">{catrow.tablehead.L_FORUM}</div>
  <!-- END tablehead -->

La balise "my_cat" semble inutile, et "my_forum_name" devrait être placé avant le début de table "my_modified_table".

Enfin, juste en passant :

Code:

 .postbody{
padding-right: 40px;
}
.postbody{
padding-top: 40px;
}
.postbody{
padding-left: 40px;
}
.postbody {
    text-align:justify;
}
.postbody{
padding-bottom: 40px;
}

Tu ne penses pas qu'il y aurait une manière plus simple d'écrire tout ça ?

Je t'en prie, c'était un plaisir.
Bonne continuation !

Bravo encore une fois Doare !

Et merci à The Cat, d'avoir signalé le résolu.

Je classe.