Bug Apparence Catégories

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Bug Apparence Catégories

Message par Saisyu Shirai le Mer 7 Sep 2011 - 14:58

Bonjour Smile


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:
http://narutooooooooooo.kiffmylife.com/c1-votre-1ere-categorie

Mon index_box

Spoiler:
<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 cathead -->
<table width="100%">
<tr>
<td colspan="4" width="100%">
<div class="categorie">
<a class="cate" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</div>
</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 align="center" valign="top" width="100%" >
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

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

<table align="center" valign="top" width="798px" cellspacing="0" cellpadding="0">
<tr><td class="b1" background="http://img4.hostingpics.net/pics/178779haut.png" width="800px" colspan="3" valign="top" height="51px"></td></tr>
<tr class="presentations_forums" align="center">
<td align="center">
<table align="center"><tr><td class="description">
{catrow.forumrow.FORUM_DESC}
</td>
<td align="center" class="icone" >
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
</tr></table>
</td></tr>
<tr class="presentations_forums">
<td colspan="3" align="center">
<table><tr><td><div class="derniers_sujets"{catrow.forumrow.LAST_POST}</div></td>
<td><div class="sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></td></tr></table>
</td>
</tr>
<tr><td class="b2" background="http://img4.hostingpics.net/pics/266284Bas.png" width="800px" colspan="3" valign="bottom" height="51px"></td></tr>
</table>
</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 -->

Saisyu Shirai
Nouveau membre

Messages : 8
Inscrit(e) le : 02/09/2011

http://narutooooooooooo.kiffmylife.com
Saisyu Shirai a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug Apparence Catégories

Message par Lixyr le Jeu 8 Sep 2011 - 12:22

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.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug Apparence Catégories

Message par Saisyu Shirai le Jeu 8 Sep 2011 - 14:21

  • Bonjour Smile

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

Saisyu Shirai
Nouveau membre

Messages : 8
Inscrit(e) le : 02/09/2011

http://narutooooooooooo.kiffmylife.com
Saisyu Shirai a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug Apparence Catégories

Message par Lixyr le Jeu 8 Sep 2011 - 16:07

Okay, donc si j'ai bien suivis, vous souhaitez
Like a Star @ heaven retirer les cellules messages, auteurs etc.
Like a Star @ heaven avoir les statistiques nombres de messages et topiques en dessous du lien du forum
Like a Star @ heaven 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 :
http://img4.hostingpics.net/pics/178779haut.png
et l'image du bas celle-ci :
http://img4.hostingpics.net/pics/266284Bas.png


Like a Star @ heaven 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>

Like a Star @ heaven 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>

Like a Star @ heaven 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>

Like a Star @ heaven Pour ne plus avoir le cadre du tableau entourant les catégories :
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

Like a Star @ heaven 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>


Like a Star @ heaven 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">

Like a Star @ heaven 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)

Like a Star @ heaven On rajoute vos images :

* celle du haut :
On l’insère avant la description du forum, avant un retour à la ligne :
<img src="http://img4.hostingpics.net/pics/178779haut.png"><br>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>

on centre l'image, qui ne l'est pas :
<center><img src="http://img4.hostingpics.net/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="http://img4.hostingpics.net/pics/266284Bas.png">
</td>

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

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


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

=> devient :
<tr>


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

</td>

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

=> devient :
</span>

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

<center><img src="http://img4.hostingpics.net/pics/266284Bas.png"></center>

</td>

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


Like a Star @ heaven 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.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug Apparence Catégories

Message par Saisyu Shirai le Jeu 8 Sep 2011 - 23:12

  • Je comprends mieux maintenant Very Happy

    À partir de maintenant tout est propre et net grâce à vous et à vous explication claire,nette et précise =)

    Merci infiniment pour votre aide Very Happy

    Je met résolu ^^



Saisyu Shirai
Nouveau membre

Messages : 8
Inscrit(e) le : 02/09/2011

http://narutooooooooooo.kiffmylife.com
Saisyu Shirai a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug Apparence Catégories

Message par Lixyr le Jeu 8 Sep 2011 - 23:17

Je vous en prie. ^^





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum