Une scroll barre pour les sous forum

[Missindo]

Détails techniques

Version du forum : phpBB2
Poste occupé : fondatrice
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://reverse-twilight.forumgratuit.org/

Description du problème

Bonjour ou bonsoir en espérant être à la bonne place :/ , après de nombreuse recherche sur le site de forum actif, j'ai finis par trouver le code que je voulais pour mes catégories grâce à ce se sujet ici, le petit soucis est le suivant, j'ai beaucoup de sous forum et j'aurais souhaitez placer une scroll barre ou barre de défilement pour que toutes mes catégories reste de la même taille, mais c'est la seule chose que je sèche vraiment.

Je vous met 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}
       
                {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 class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
              <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
              <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></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>
              <!-- BEGIN inc -->
              <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
              <!-- END inc -->
              <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>
              <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                <h{catrow.forumrow.LEVEL} class="hierarchy">
                    <span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
       
                    </span>
                </h{catrow.forumrow.LEVEL}>
              <table width="100%"><tr><td  width="80%"></td><td class="stats"><span class="gensmall">{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages</span></td></tr><td width="80%"><div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div></td><td  width="25%"class="sousfo"><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript">
        jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br/>')).removeAttr('id');
        </script></td></tr></table>
                <span class="gensmall">
                    <!-- BEGIN switch_moderators_links -->
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                            </span>
                </span>
              </td>
              <td class="row3 over" align="center" valign="middle" height="50">
                <div class="lastm"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></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 -->

et mon css :

Code:

 /*fond description*/
        .descrip{
        background-color: #157874;/*couleur de fond*/
        padding: 5px;/*marge intérieure*/
        margin: 5px;/*marge extérieure*/
        }
       
        /*sous-forums*/
        .sousfo{
        background-color: #157874;/*couleur de fond*/
        padding: 5px;/*marge intérieure*/
        margin: 5px;/*marge extérieure*/}
       
        /*statistiques*/
        .stats{
        background-color: #157874;/*couleur de fond*/
        padding: 5px;/*marge intérieure*/
        margin: 5px;/*marge extérieure*/
        }
       
        /*dernier message*/
        .lastm{
        background-color: #157874;/*couleur de fond*/
        padding: 5px;/*marge intérieure*/
        margin: 5px;/*marge extérieure*/
        }

Merci d'avance à la personne qui me répondra

[Missindo]

bonjour, je me permet un up
Cordialement

[Missindo]

bonjour, je me permet un petit up du jour

cordialement

[Missindo]

bonjour,

je me permet d'up à nouveau

[Missindo]

Bonjour, j'up à nouveau, si ce n'est pas possible, dite le moi et je changerais

[Missindo]

Bonjour tout le monde, up à nouveau

[Self]

..	Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : - Règles générales du forum - Charte de ce forum A bientôt sur ForumActif

Remplacez dans votre template ce passage :

Code:

<table width="100%"><tr><td  width="80%"></td><td class="stats"><span class="gensmall">{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages</span></td></tr><td width="80%"><div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div></td><td  width="25%"class="sousfo"><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript">
        jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br/>')).removeAttr('id');
        </script></td></tr></table>

Par ceci :

Code:

<table width="100%"><tr><td  width="80%"></td><td class="stats"><span class="gensmall">{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages</span></td></tr><td width="80%"><div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div></td><td  width="25%"class="sousfo"><div><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript">
   jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br/>')).removeAttr('id');
</script></div></td></tr></table>

Et placez dans votre CSS le code suivant :

Code:

.sousfo div{
    max-height: 80px !important;
    overflow-y: scroll;
}

Bonne journée .

[Missindo]

Ah oui en effet, oups, désolé en tout cas merci beaucoup c'est parfaitement ce qu'il me fallait,

Bonne journée à vous