Bouton dernier message ne ramène pas au dernier message

2 participants

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

Résolu Bouton dernier message ne ramène pas au dernier message

Message par ssamiiex Dim 19 Avr 2020 - 13:23

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Début avril
Lien du forum : http://blackwaters.forumactif.com/

Description du problème

Bonjour à vous Smile

J'espère que vous allez bien malgré le confinement et je vous remercie de lire mon sujet. En fait, j'ai deux templates modifiés (viewbody_topic et index_box) qui pourraient être en cause, mais je ne sais pas lequel. J'ai vérifié mon template index_box et rien n'est différent d'un template normal quand ça en vient à mon bouton d'ancrage.

Voici mes templates si jamais cela pourrait vous servir
Index_box
Code:
<center><center><div class="catLiens">
  <!-- BEGIN switch_user_logged_in -->
  <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW} - </a>
  <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF} - </a>
  <!-- END switch_user_logged_in -->
  <a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
  </div></center>
 

<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->

 <table class="modifcat" width="100%" border="0" cellspacing="0" cellpadding="0">
<div style="background:#131415; width : 770px ; height : 30px;"><div class="catégoz" align="center">{catrow.tablehead.L_FORUM}</div>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
          <!-- END cathead -->
 <!-- BEGIN forumrow -->
      <!-- BEGIN inc -->
            <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
            <!-- END inc -->

            <td align="left" valign="top">
             
               
              <table width="100%" cellpadding="0" cellspacing="0">

               
          <tr>

         
                          <td align="center" valign="top"><div class="image_cate">
                              <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> 
                            </div></td>
                                               
                            <td valign="top"><table width="100"><tr><td width="70%"><div class="forumtitre" style="margin-top:-2px;">
                              <a href="{catrow.forumrow.U_VIEWFORUM}"><center>{catrow.forumrow.FORUM_NAME}</center></a></div>
                              <div class="descrip_bloc1">
                                <div class="descr_texte">{catrow.forumrow.FORUM_DESC}</div>
             
                                <span id="subforums"><div class="sousforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></span> </div></td>
                             
                            </tr></table>
                                     
                              </div>
                          </td>
            <td>
                            <!-- BEGIN avatar --> <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
              <!-- END avatar --></td>
             
                              <td valign="top"><div class="statistiques_cat">
                                    <span class="genmed"><div  class="forumdesc1" style="margin-left:20px;">
                                      {catrow.forumrow.LAST_POST}  </div></span>
                                <span class="genmed"><div class="stat1" style="margin-top:3px;margin-left:20px;">
                                    Sujets {catrow.forumrow.TOPICS} | Messages {catrow.forumrow.POSTS}</div></span>
                                </div>
                                </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 --></center>

Viewtopic_body
Code:
<div class="PRFL_btnnewreply">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}"/></a> 
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
  <span style="margin-left:4px;"><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}"/></a></span>
 <!-- END switch_user_authreply -->
 <span style="margin-left:310px;"><span class="gensmall">{PAGE_NUMBER}</span>
<span class="gensmall" style="margin-left:4px;">{PAGINATION}</span><br/></span></div>
<div class="PRFL_blockgen">

<div class="PRFL_titlebackground">
<div class="PRFL_title">{TOPIC_TITLE}</div>
<div class="PRFL_nav"><span style="text-decoration:none !important; font-family: 'georgia', serif;
  font-size: 10px; text-transform:lowercase; letter-spacing: 1px;"><a href="{U_INDEX}">{L_INDEX}</a> {NAV_CAT_DESC_SECOND}</span></div>
</div>
 
 <!-- BEGIN postrow -->
 <!-- BEGIN hidden -->
 <tr>
 <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
 </tr>
 <!-- END hidden -->
 <!-- BEGIN displayed -->
 <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
 <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">

 </td>

 <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR}>
                            <div class="PRFL_fondmessage">
                              <div class="PRFL_champsprfl">
                                <div class="PRFL_imrank">{postrow.displayed.RANK_IMAGE}</div>
                                <div class="PRFL_avatar">{postrow.displayed.POSTER_AVATAR}</div>
                                                    <div class="PRFL_pseudo">
                                                      <span class="name"><strong>{postrow.displayed.POSTER_NAME}</strong></span>
                                <div class="PRFL_rank">{postrow.displayed.POSTER_RANK}</div></div><br />

                                <div class="PRFL_cadre" style="height:170px; overflow:auto; overflow-x: hidden">
 <!-- BEGIN profile_field -->
                                  <span class="PRFL_infos" style="padding-top:3px;padding-bottom:3px;"><span class="ChampsProfil">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</span></span>
 <!-- END profile_field -->
                                </div>
                               
                                      <div class="PRFL_champcont">
                                  <div class="PRFL_online">{postrow.displayed.ONLINE_IMG}</div>
                                  <div class="PRFL_btncontact">{postrow.displayed.PROFILE_IMG}    {postrow.displayed.PM_IMG}    {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field -->    {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                                  </div>
      </div>
                                                                   
 {postrow.displayed.POSTER_RPG}
                  </div>
                              <div class="PRFL_time">
                                  <div class="PRFL_date">{postrow.displayed.POST_DATE}</div>
 <div class="PRFL_btnadmin">
 {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                                </div>

          <div class="PRFL_corpsmessage">{postrow.displayed.MESSAGE}

 <!-- BEGIN switch_signature -->
 <div class="signature_div">
 {postrow.displayed.SIGNATURE}
 </div></div>
 <!-- END switch_signature -->

 </div>
                  </div>
 </td>
 </tr>
 <!-- BEGIN first_post_br -->
<hr />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

 <!-- END first_post_br -->
 <!-- END displayed -->
 <!-- END postrow -->
 <!-- BEGIN no_post -->
 <tr align="center">
 <td class="row1" colspan="2" height="28">
 <span class="genmed">{no_post.L_NO_POST}</span>
 </td>
 </tr>
 <!-- END no_post -->
  </table>
  <br/><div class="PRFL_nav"><span style="text-decoration:none !important; font-family: 'georgia', serif;
  font-size: 10px; text-transform:lowercase; letter-spacing: 1px;"><a href="{U_INDEX}">{L_INDEX}</a> {NAV_CAT_DESC_SECOND}</span></div>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
 <tr>
 <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
 <!-- BEGIN topicpagination -->
 <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
 <!-- END topicpagination -->
 </tr>
 <!-- BEGIN switch_user_logged_in -->
 <!-- BEGIN watchtopic -->
  <div class="PRFL_stopwatch">{S_WATCH_TOPIC}</div>
 <!-- END watchtopic -->
 <!-- END switch_user_logged_in -->
</table>

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td class="row2" colspan="2" align="center" style="padding:0px">
 <!-- BEGIN switch_user_logged_in -->
 <a name="quickreply"></a>
 {QUICK_REPLY_FORM}<br />
 <!-- END switch_user_logged_in -->
 </td>
 </tr>

</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
 <tr>

 <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

 <!-- BEGIN moderation_panel -->
 <td align="center">
 <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
 </td>
 <td align="center" width="250">
 <span class="gensmall"> </span>
 </td>
 <!-- END moderation_panel -->
 </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
 <tr>
 <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
 <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
 <input type="hidden" name="t" value="{TOPIC_ID}" />

 <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
 <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

 <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
 </form>
 </td>
 </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

</div>

Merci de vouloir m'aider I love you
ssamiiex

ssamiiex
**

Féminin
Messages : 58
Inscrit(e) le : 30/01/2013

Voir le profil de l'utilisateur http://blackwaters.forumactif.com/
ssamiiex a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton dernier message ne ramène pas au dernier message

Message par MlleAlys Dim 19 Avr 2020 - 13:38

Bonjour,
L'élément permettant de faire l'ancre est le suivant :
Code:
<a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
Vous pouvez insérer cet élément au tout début de l'affichage d'un message, par exemple ligne 27 ou 31 de votre template.


Dernière édition par MlleAlys le Dim 19 Avr 2020 - 14:14, édité 4 fois (Raison : correction n° ligne)
MlleAlys

MlleAlys
Membre actif

Messages : 5153
Inscrit(e) le : 12/09/2012

Voir le profil de l'utilisateur
MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton dernier message ne ramène pas au dernier message

Message par ssamiiex Dim 19 Avr 2020 - 13:46

Coucou @"MlleAlys" Hi

Merci beaucoup pour l'identification du code et pour vouloir m'aider avec mon problème. Malheureusement, ce dernier ne ramène pas totalement en bas de la page. C'est mieux étant donné qu'il descend un peu vers le premier message, mais pas vers le dernier. scratch
ssamiiex

ssamiiex
**

Féminin
Messages : 58
Inscrit(e) le : 30/01/2013

Voir le profil de l'utilisateur http://blackwaters.forumactif.com/
ssamiiex a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Bouton dernier message ne ramène pas au dernier message

Message par MlleAlys Dim 19 Avr 2020 - 13:54

Peut être le code n'a-t-il pas été introduit au bon endroit dans le template ? Essayez ainsi :
Code:
<div class="PRFL_btnnewreply">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}"/></a>
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
  <span style="margin-left:4px;"><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}"/></a></span>
 <!-- END switch_user_authreply -->
 <span style="margin-left:310px;"><span class="gensmall">{PAGE_NUMBER}</span>
<span class="gensmall" style="margin-left:4px;">{PAGINATION}</span><br/></span></div>
<div class="PRFL_blockgen">

<div class="PRFL_titlebackground">
<div class="PRFL_title">{TOPIC_TITLE}</div>
<div class="PRFL_nav"><span style="text-decoration:none !important; font-family: 'georgia', serif;
  font-size: 10px; text-transform:lowercase; letter-spacing: 1px;"><a href="{U_INDEX}">{L_INDEX}</a> {NAV_CAT_DESC_SECOND}</span></div>
</div>
 
 <!-- BEGIN postrow -->
 <!-- BEGIN hidden -->
 <tr>
 <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
 </tr>
 <!-- END hidden -->
 <!-- BEGIN displayed -->
 <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
 <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">

 </td>

 <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR}>
                            <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
                            <div class="PRFL_fondmessage">
                              <div class="PRFL_champsprfl">
                                <div class="PRFL_imrank">{postrow.displayed.RANK_IMAGE}</div>
                                <div class="PRFL_avatar">{postrow.displayed.POSTER_AVATAR}</div>
                                                    <div class="PRFL_pseudo">
                                                      <span class="name"><strong>{postrow.displayed.POSTER_NAME}</strong></span>
                                <div class="PRFL_rank">{postrow.displayed.POSTER_RANK}</div></div><br />

                                <div class="PRFL_cadre" style="height:170px; overflow:auto; overflow-x: hidden">
 <!-- BEGIN profile_field -->
                                  <span class="PRFL_infos" style="padding-top:3px;padding-bottom:3px;"><span class="ChampsProfil">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</span></span>
 <!-- END profile_field -->
                                </div>
                             
                                      <div class="PRFL_champcont">
                                  <div class="PRFL_online">{postrow.displayed.ONLINE_IMG}</div>
                                  <div class="PRFL_btncontact">{postrow.displayed.PROFILE_IMG}    {postrow.displayed.PM_IMG}    {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field -->    {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                                  </div>
      </div>
                                                                 
 {postrow.displayed.POSTER_RPG}
                  </div>
                              <div class="PRFL_time">
                                  <div class="PRFL_date">{postrow.displayed.POST_DATE}</div>
 <div class="PRFL_btnadmin">
 {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                                </div>

          <div class="PRFL_corpsmessage">{postrow.displayed.MESSAGE}

 <!-- BEGIN switch_signature -->
 <div class="signature_div">
 {postrow.displayed.SIGNATURE}
 </div></div>
 <!-- END switch_signature -->

 </div>
                  </div>
 </td>
 </tr>
 <!-- BEGIN first_post_br -->
<hr />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

 <!-- END first_post_br -->
 <!-- END displayed -->
 <!-- END postrow -->
 <!-- BEGIN no_post -->
 <tr align="center">
 <td class="row1" colspan="2" height="28">
 <span class="genmed">{no_post.L_NO_POST}</span>
 </td>
 </tr>
 <!-- END no_post -->
  </table>
  <br/><div class="PRFL_nav"><span style="text-decoration:none !important; font-family: 'georgia', serif;
  font-size: 10px; text-transform:lowercase; letter-spacing: 1px;"><a href="{U_INDEX}">{L_INDEX}</a> {NAV_CAT_DESC_SECOND}</span></div>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
 <tr>
 <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
 <!-- BEGIN topicpagination -->
 <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
 <!-- END topicpagination -->
 </tr>
 <!-- BEGIN switch_user_logged_in -->
 <!-- BEGIN watchtopic -->
  <div class="PRFL_stopwatch">{S_WATCH_TOPIC}</div>
 <!-- END watchtopic -->
 <!-- END switch_user_logged_in -->
</table>

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td class="row2" colspan="2" align="center" style="padding:0px">
 <!-- BEGIN switch_user_logged_in -->
 <a name="quickreply"></a>
 {QUICK_REPLY_FORM}<br />
 <!-- END switch_user_logged_in -->
 </td>
 </tr>

</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
 <tr>

 <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

 <!-- BEGIN moderation_panel -->
 <td align="center">
 <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
 </td>
 <td align="center" width="250">
 <span class="gensmall"> </span>
 </td>
 <!-- END moderation_panel -->
 </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
 <tr>
 <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
 <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
 <input type="hidden" name="t" value="{TOPIC_ID}" />

 <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
 <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

 <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
 </form>
 </td>
 </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

</div>
MlleAlys

MlleAlys
Membre actif

Messages : 5153
Inscrit(e) le : 12/09/2012

Voir le profil de l'utilisateur
MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton dernier message ne ramène pas au dernier message

Message par ssamiiex Dim 19 Avr 2020 - 14:05

Vous avez tout à fait raison, je l'ai mis à la ligne 29 au lieu d'à la ligne 31 Assomé .
Un énorme merci pour votre aide et pour votre patience, vous avez été géniale ! Merci beaucoup Very Happy !
ssamiiex

ssamiiex
**

Féminin
Messages : 58
Inscrit(e) le : 30/01/2013

Voir le profil de l'utilisateur http://blackwaters.forumactif.com/
ssamiiex a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton dernier message ne ramène pas au dernier message

Message par MlleAlys Dim 19 Avr 2020 - 14:14

Pardon c'était une erreur de ma part, c'était ligne 27 ou 31 (la ligne 29 est entre deux cellules au lieu d'être à l'intérieur de l'une d'elle, du coup le contenu n'est pas considéré comme faisant partie du tableau, et est remonté avant celui-ci)
MlleAlys

MlleAlys
Membre actif

Messages : 5153
Inscrit(e) le : 12/09/2012

Voir le profil de l'utilisateur
MlleAlys a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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