Bug Apparence Catégories

[Saisyu Shirai]

Bonjour


Voila j'ai modifier mes catégories mais il y a un problème,quand on va sur une catégorie ou un forum, il y a un gros bug

Voila le lien

Spoiler:

Mon index_box

Spoiler:

[Lixyr]

Bonjour.

Pouvez-vous êtes plus explicite, s'il vous plait ?
Vous parlez du décalage qu'il y a entre le contenu du forum, et le reste, soit la bannière ?

En tout cas c'est la caffouillis dans votre code. Vous avez mis des colspan un peu partout sans que je ne vois pourquoi, des tables dans des cellules un peu partout aussi. Le rendu est une horreur.

Je vous propose de repartir sur un template de base, et de recommencer votre code avec moi. Au moins, il n'y aura pas de caffouillis.

[Saisyu Shirai]

• Bonjour
  
  Oui je parle du décalage il y a une cellule en trop qui se place avant la cellule de pub et la bannière et qui la pousse. De ce fait la page s'élargie
  
  Mais je voudrais bien repartir sur un template de base pour recommencer le code avec vous ^^

[Lixyr]

Okay, donc si j'ai bien suivis, vous souhaitez
retirer les cellules messages, auteurs etc.
avoir les statistiques nombres de messages et topiques en dessous du lien du forum
ensuite l'espèce d'arche qui encadrera le contenu de la description, image etc du forum.

Donc techniquement, pour faire ça, pas besoin de faire quinze milles tableaux imbriqués les uns dans les autres.
On reprend le code de base.

En sachant que dans votre code, on peut garder ceci :

<div class="sujets_messages">Messages: {catrow.forumrow.POSTS} | Sujets: {catrow.forumrow.TOPICS}</div>

que l'image du haut est celle-ci :
https://2img.net/r/hpimg4/pics/178779haut.png
et l'image du bas celle-ci :
https://2img.net/r/hpimg4/pics/266284Bas.png


alors on opère donc d'abord en retirant les titres des cellules auteurs, messages etc :

<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="50">{L_TOPICS}</th>
<th nowrap="nowrap" width="50">{L_POSTS}</th>
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>

On enlève les cellules nombre de messages et de topiques :

<td class="row3" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.TOPICS}</span>
</td>
<td class="row2" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.POSTS}</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>

On enlève la cellule contenant l'image indiquant si nouveau message, verrouillé ou pas :

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

Pour ne plus avoir le cadre du tableau entourant les catégories :

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

ensuite, on centre le titre des forums :

<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

</span>

=> devient :

<center><span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

</span></center>

ensuite, pour plus de facilité, on va mettre le titre des forums dans une cellule au dessus de la descriptions, car ici, elle est dans la même cellule :

* on coupe ça :

<center><span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

</span></center>

* on le code juste avant cette cellule :

<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">

=> ce qui donne :

<!-- END inc -->

<center><span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

</span></center>

<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">

* on rajoute les fin de ligne, ligne, fin de cellule et cellule correspondantes pour avoir un tableau sans bug d'affichage :

</tr>
<!-- END inc -->

<tr>
<td>

<center><span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

</span></center>

</td></tr>
<tr>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">

on rajoute en dessous du titre du forum, les statistiques nombre de message etc :

<center><span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

</span>
<div class="sujets_messages">Messages: {catrow.forumrow.POSTS} | Sujets: {catrow.forumrow.TOPICS}</div></center>

(j'ai gardé votre ancienne classe)

On rajoute vos images :

* celle du haut :
On l’insère avant la description du forum, avant un retour à la ligne :

<img src="https://2img.net/r/hpimg4/pics/178779haut.png"><br>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>

on centre l'image, qui ne l'est pas :

<center><img src="https://2img.net/r/hpimg4/pics/178779haut.png"></center>

* celle du bas, on l'insère avant la fermeture de la cellule :

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>

<img src="https://2img.net/r/hpimg4/pics/266284Bas.png">
</td>

et vous pouvez rajouter des espaces entre la description et les images si vous trouvez ça trop collé :

Spoiler:

et voilà en gros ce que ça donne comme template :

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}

         {CURRENT_TIME}

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

         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table width="100%" border="0" cellspacing="1" cellpadding="0">

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

</tr>
      <!-- END inc -->

<tr>
<td>

<center><span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

            </span>
<div class="sujets_messages">Messages: {catrow.forumrow.POSTS} | Sujets: {catrow.forumrow.TOPICS}</div></center>

</td></tr>
<tr>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            
         </h{catrow.forumrow.LEVEL}>

<center><img src="http://img4.hostingpics.net/pics/178779haut.png"></center><br><br>
         <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>
<br>

<img src="http://img4.hostingpics.net/pics/266284Bas.png">
      </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 -->

Vous voyez ? Même résultat, pour un travaille beaucoup plus propre. ^^

Si jamais vous voulez ré insérer vos anciennes classes, vous pouvez. Vous devriez vous en sortir. Auquel cas, j'ai mis le code du template, comme ça, si vous vous trompez, vous pouvez recommencer.





-----------------------------------------


Autrement, pour les images, vous avez une autre solution pour que tout s'affiche bien au niveau du contenu : c'est de mettre chacune de vos images dans une cellule.
Ainsi fait :

<tr>

<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">

</h{catrow.forumrow.LEVEL}>

<center><img src="https://2img.net/r/hpimg4/pics/178779haut.png"></center><br><br>

=> devient :

<tr>


<td><center><img src="https://2img.net/r/hpimg4/pics/178779haut.png"></center><br><br></td>

</tr>

<tr>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">

</h{catrow.forumrow.LEVEL}>

et pour l'image du bas :

</span>
<br>

<img src="https://2img.net/r/hpimg4/pics/266284Bas.png">
</td>

</tr>
<!-- END forumrow -->

=> devient :

</span>

</td>
</tr>
<tr>
<td><br>

<center><img src="https://2img.net/r/hpimg4/pics/266284Bas.png"></center>
</td>

</tr>
<!-- END forumrow -->

avec le contenu description centré :

<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50" align="center">
<h{catrow.forumrow.LEVEL} class="hierarchy">

et ainsi donc le template :

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 width="100%" border="0" cellspacing="1" cellpadding="0">

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

</tr>
      <!-- END inc -->

<tr>
<td>

<center><span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
<div class="sujets_messages">Messages: {catrow.forumrow.POSTS} | Sujets: {catrow.forumrow.TOPICS}</div></center>

</td></tr>


<tr>


<td><center><img src="http://img4.hostingpics.net/pics/178779haut.png"></center></td>

</tr>

<tr>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50" align="center">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            
         </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>
</tr>
<tr>
<td>
<center><img src="http://img4.hostingpics.net/pics/266284Bas.png"></center>
</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 -->


Cordialement.

[Saisyu Shirai]

• Je comprends mieux maintenant
  
  À partir de maintenant tout est propre et net grâce à vous et à vous explication claire,nette et précise =)
  
  Merci infiniment pour votre aide
  
  Je met résolu ^^

[Lixyr]

Je vous en prie. ^^