Problème concernant la séparation annonce/note des messages normaux

[Oz-Chan]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 01.05.2017
Lien du forum : http://mysidia.forumactif.com/f19-membres-le-fow

Description du problème

Bonjour,

Je viens de remarquer un petit problème concernant les messages de mon forum. J'ai coché l'option que les notes/annonces soient séparés de messages normaux. Celui-ci apparait bien ! Mais en dessous des messages normaux, pas en séparation. Je pense que cela doit venir des templates...? Mais je ne sais pas du tout quoi vous copier/coller...
Dites moi ce dont vous avez besoin !
et je vous remercie d'avance pour votre précieuse aide !

[Oz-Chan]

Up !

[Kayyl]

Hey !

As-tu déjà touché aux templates ? Enfin, celui topics_list_box surtout Je trouve déjà ça étrange qu'il n'y ait pas l'autre tableau sur ton forum, celui affichant ceci :

Ce truc:

Dans tous les cas, je veux bien voir le code présent dans ce template

[Oz-Chan]

Salut !

Merci pour ton aide. =D Le tableau que tu as montré, justement c'est celui du bas, non..?
Oui, on a touché aux templates, je pensais que le bug venait de là, mais pas du quel... Voilà celui que tu m'as demandé !

Code:

 <!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
        <script type="text/javascript">
        function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
        var all_checked = true;
        for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
        if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
        all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
        }
        }
        document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
        }
        function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
        for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
        if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
        document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
        }
        }
        }
        </script>
        <!-- END multi_selection -->

        <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
        <!-- BEGIN pagination -->
        <!-- END pagination -->
        <!-- END header_table --><!-- BEGIN header_row -->
        <!-- END header_row -->

        <!-- BEGIN topic -->
        {topics_list_box.row.END_TABLE_STICKY}
        <tr>
        <!-- BEGIN single_selection -->
        <div class="modSBJ"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
        <!-- END single_selection -->

        <div class="blocLSBJ"><div class="LSBJ">
        <div class="tleSBJ">{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a><div class="nameSBJ"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div></div><div class="triTSBJ"></div><div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div><!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description --><div class="ladSBJ"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div class="vuesSBJ">{topics_list_box.row.VIEWS} V.</div><div class="repSBJ">{topics_list_box.row.REPLIES} R.</div><div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></div></div>
     
        <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
        </div></div>
     
        <!-- BEGIN multi_selection -->
        <td align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
        <!-- END multi_selection -->
        </tr>
        <!-- END topic --><!-- BEGIN no_topics -->
        <tr>
        <td colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
        </tr>
        <!-- END no_topics --><!-- BEGIN bottom -->
        <tr>
        <td colspan="{topics_list_box.row.COLSPAN}" valign="middle">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td> <span class="gensmall">{PAGINATION}</span></td>
        <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
        </tr>
        </table>
        </td>
        </tr>
        <!-- END bottom --><!-- BEGIN footer_table -->
        </table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

merci encore pour ton aide. <3

[Kayyl]

Alors non, c'est bien le tableau qui s'affiche tout en haut, mon screen x) En fait, il y a 2 tableaux, l'un avec écrit "Annonces" en haut, et un plus bas qui affiche "Sujets".

Ensuite ton souci, bon j'ai galéré de malade °^° Mais c'est un problème de td apparemment. Donc, si tu veux remettre les 2 tableaux comme ceci :

Tout en haut:

Entre les annonces et les sujets normaux:

Je te donne le code. J'ai seulement ajouté... Lignes 23 à 32, l'affichage du tableau en haut. Si tu le veux pas/que t'en as pas besoin tu sais quoi faire, t'enlèves simplement ces lignes :rip: Et j'ai entouré les lignes 46 à 50 d'une balise td.

Code:

<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
        <script type="text/javascript">
        function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
        var all_checked = true;
        for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
        if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
        all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
        }
        }
        document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
        }
        function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
        for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
        if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
        document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
        }
        }
        }
        </script>
        <!-- END multi_selection -->
 
        <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
          <tr>
        <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap">&nbsp;{topics_list_box.row.L_TITLE}&nbsp;</th>
        <th align="center" nowrap="nowrap" width="80">&nbsp;{topics_list_box.row.L_REPLIES}&nbsp;</th>
        <th align="center" nowrap="nowrap" width="100">&nbsp;{topics_list_box.row.L_AUTHOR}&nbsp;</th>
        <th align="center" nowrap="nowrap" width="50">&nbsp;{topics_list_box.row.L_VIEWS}&nbsp;</th>
        <th align="center" nowrap="nowrap" width="150">&nbsp;{topics_list_box.row.L_LASTPOST}&nbsp;</th>
        <!-- BEGIN multi_selection -->
        <th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
    <!-- END multi_selection -->
    </tr>

        <!-- BEGIN pagination -->
        <!-- END pagination -->
        <!-- END header_table --><!-- BEGIN header_row -->
        <!-- END header_row -->
 
        <!-- BEGIN topic -->
        {topics_list_box.row.END_TABLE_STICKY}
        <tr>
        <!-- BEGIN single_selection -->
        <div class="modSBJ"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
        <!-- END single_selection -->
 <td>
        <div class="blocLSBJ"><div class="LSBJ">
        <div class="tleSBJ">{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a><div class="nameSBJ"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div></div><div class="triTSBJ"></div><div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div><!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description --><div class="ladSBJ"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div class="vuesSBJ">{topics_list_box.row.VIEWS} V.</div><div class="repSBJ">{topics_list_box.row.REPLIES} R.</div><div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></div></div>
   
        <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
        </div></div>
          </td>
        <!-- BEGIN multi_selection -->
        <td align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
        <!-- END multi_selection -->
        </tr>
        <!-- END topic --><!-- BEGIN no_topics -->
        <tr>
        <td colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
        </tr>
        <!-- END no_topics --><!-- BEGIN bottom -->
        <tr>
        <td colspan="{topics_list_box.row.COLSPAN}" valign="middle">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td> <span class="gensmall">{PAGINATION}</span></td>
        <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
        </tr>
        </table>
        </td>
        </tr>
        <!-- END bottom --><!-- BEGIN footer_table -->
        </table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

J'espère que ça marchera aussi bien de chez toi °^° En tout cas tiens moi au courant si c'est pas le cas

[Oz-Chan]

Merci de ton aide et désolé de te faire galérer ! xD
C'est presque bon ! On a juste un petit soucis de... longueur. ahah

Spoiler:

Est-ce que tu arriverais à régler ce détail?
Merci encore ♥

[Kayyl]

AH effectivement :rip: Je suppose qu'il va falloir ajouter le

Code:

<div class="blocLSBJ"><div class="LSBJ">

Autour des lignes ajoutées (24 à 31), ou quelque chose comme ça :v: Enfin autour des balises th je pense :rip: Puisque c'est comme ça que c'était au départ x)

[Oz-Chan]

Ca n'a rien changé ><

Code:

<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
        <script type="text/javascript">
        function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
        var all_checked = true;
        for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
        if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
        all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
        }
        }
        document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
        }
        function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
        for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
        if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
        document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
        }
        }
        }
        </script>
        <!-- END multi_selection -->
 
        <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <div class="blocLSBJ"><div class="LSBJ">  <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap">&nbsp;{topics_list_box.row.L_TITLE}&nbsp;</th></div>
            <div class="blocLSBJ"><div class="LSBJ"><th align="center" nowrap="nowrap" width="80">&nbsp;{topics_list_box.row.L_REPLIES}&nbsp;</th></div>
                <div class="blocLSBJ"><div class="LSBJ"> <th align="center" nowrap="nowrap" width="100">&nbsp;{topics_list_box.row.L_AUTHOR}&nbsp;</th></div>
                  <div class="blocLSBJ"><div class="LSBJ"> <th align="center" nowrap="nowrap" width="50">&nbsp;{topics_list_box.row.L_VIEWS}&nbsp;</th></div>
                    <div class="blocLSBJ"><div class="LSBJ"> <th align="center" nowrap="nowrap" width="150">&nbsp;{topics_list_box.row.L_LASTPOST}&nbsp;</th></div>
        <!-- BEGIN multi_selection -->
                      <div class="blocLSBJ"><div class="LSBJ"><th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th></div>
    <!-- END multi_selection -->
    </tr>

        <!-- BEGIN pagination -->
        <!-- END pagination -->
        <!-- END header_table --><!-- BEGIN header_row -->
        <!-- END header_row -->
 
        <!-- BEGIN topic -->
        {topics_list_box.row.END_TABLE_STICKY}
        <tr>
        <!-- BEGIN single_selection -->
        <div class="modSBJ"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
        <!-- END single_selection -->
 <td>
        <div class="blocLSBJ"><div class="LSBJ">
        <div class="tleSBJ">{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a><div class="nameSBJ"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div></div><div class="triTSBJ"></div><div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div><!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description --><div class="ladSBJ"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div class="vuesSBJ">{topics_list_box.row.VIEWS} V.</div><div class="repSBJ">{topics_list_box.row.REPLIES} R.</div><div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></div></div>
 
        <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
        </div></div>
          </td>
        <!-- BEGIN multi_selection -->
        <td align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
        <!-- END multi_selection -->
        </tr>
        <!-- END topic --><!-- BEGIN no_topics -->
        <tr>
        <td colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
        </tr>
        <!-- END no_topics --><!-- BEGIN bottom -->
        <tr>
        <td colspan="{topics_list_box.row.COLSPAN}" valign="middle">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td> <span class="gensmall">{PAGINATION}</span></td>
        <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
        </tr>
        </table>
        </td>
        </tr>
        <!-- END bottom --><!-- BEGIN footer_table -->
        </table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

[Kayyl]

En fait c'est plutôt le CSS qu'il va falloir modif :v: Fin les largeurs des trucs :rip:

.blocLSBJ vers 500px
.LSBJ vers 1000px
.tleSBJ vers 685px

Pis après t'accorde les margins avec :v: Faudra augmenter

.nameSBJ à margin-right: 30px;

Et euh .triTSBJ (wtf ce petit machin bizarre) à margin-left: 700px;

Fin bon après tu vois et t'accordes selon, là je fais ça comme ça vite fait :rip:

[Oz-Chan]

edit

Finalement, on a réussi à mettre tout comme il fallait avec 1-2 autres codes.
Merci de ton aide ! ♥