Problème avec la modification de mes catégories!

[Naley13]

Bonsoir à tous (:

Je suis actuellement en train d'essayer de donner un "coup de neuf" aux catégories de mon forum, malheureusement j'ai eu un résultat très loin de ce que je cherchais à faire au départ ...
mon résultat à moi ; https://2img.net/r/hpimg11/pics/920238SHOW2.png

J'ai réussi à mettre les fonds de chaque côté de couleur différente, mais après pour les tailles c'est la cata,la partie description du forum et derniers messages se chevauchent ! De plus, je voulais mettre l'image de gauche (nouveau message/pas de nouveau message) tout à droite avec "derniers messages posté" mais je n'ai pas dû mettre le code au bon endroit --'

Un énorme merci à ceux qui prendront le temps de m'aider (:
Bonne soirée

[Anzu]

Bonsoir,

A la base, que vouliez vous faire ? ("structure")
Il y a pleins d'erreurs dans votre template, beaucoup de balises ne se ferment pas, enfin c'est l'anarchie


Edit: Le mieux c'est que vous fassiez un schéma du rendu que vous aimeriez avoir, histoire que je fasse les modifications sur un template par défaut.

Cordialement.

[Naley13]

Bonsoir (:

Tout d'abord merci beaucoup pour la réponse aussi rapide

Ah d'accord /:

Alors voici un petit schéma de ce que j'essaie de faire, en gros : https://2img.net/r/hpimg11/pics/142985EXEMPLE1.png
Ou bien un exemple plus "précis" : https://2img.net/r/hpimg11/pics/49558613.png

Merci pour votre aide, si vous avez besoin de plus n'hésitez pas (:

[Anzu]

Bonjour,

Effectivement c'est beaucoup mieux avec le schéma

Donc je suis repartie d'un template de base.
Index box modifié:

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="1" cellpadding="0">
   <tr>
      <th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </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><td colspan="4">    <span class="forumlink">
                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

                </span></td></tr>
   <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="row1 over" colspan="2" valign="top" width="100%" height="50"><div class="cadrecat">
       <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
           
            </h{catrow.forumrow.LEVEL}></td></tr></tbody></table>
         <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></div>
      </td>

      <td style="min-width: 150px;" class="row3 over" align="center" valign="middle" height="50">
         <div class="cadrecat"><div style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages {catrow.forumrow.TOPICS} sujets.</div><br /><span class="gensmall">{catrow.forumrow.LAST_POST}</span><br />
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
      </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 -->

CSS (à rajouter)

Code:

.cadrecat {
padding: 5px;
background-color: #ffffff;
height: 130px;
}


Je vous aurais bien expliqué, mais au final je me dis que ca va plus vous embrouiller qu'autre chose, étant donné qu'il a fallu bouger des td, des tr, remettre des td avec des div, mettre des colspan, etc.
A vous de me dire ^"

Cordialement.

[Naley13]

Bonjour (:

Merci beaucoup, ça fonctionne et c'est exactement ce que je voulais faire, merci

Juste, une dernière petite question, est-ce que c'est possible de modifier la largeur des cadres blancs indépendament ? C'est à dire, mettre celui de gauche plus large (500 px par exemple) et celui de droite moins large (200 px par exemple) ?
Aussi, pour afficher le dernier sujet dans lequel l'utilisateur à posté dans le cadre de droite ?

[Anzu]

Moins large pour celui de droite ?
Il fait 150 px

Pour les derniers sujets, c'est à vous de l'activer dans le PA.
Affichage > Page d'accueil > Structure et Hiérarchie > Hiérarchie > Afficher le titre du sujet du dernier message d'un forum sur l'index > Cochez "oui".

Cordialement.

[Naley13]

Non en fait, là les largeurs des deux cadres vont ensemble, c'est à dire que lorsqu'on diminue la taille de l'un, ça diminue aussi la taille de l'autre. En fait, j'aimerai bien que lorsque l'on diminue la largeur de celui de gauche, ça ne diminue pas la largeur de celui de droite! Je ne sais pas si vous voyez ce que je veux dire? (:

Ah d'accord, super, merci

EDIT : Problème résolu, merci (: