Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PHPBB3] Problème d'ancrage


2 participants

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

avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mer 22 Avr 2020 - 17:28

  • Version du forum :
    PHPBB3
  • Templates modifiés :
    oui
  • Navigateur :
    Firefox
Bonjour à tous les milouziens,

J'ai installé tout ce qu'il y a de décrit dans cette astuce pour l'ancrage:
https://www.milouze14.com/t30614-phpbb3-ancrer-la-liste-des-sujets-et-les-messages#583436

Et il subsiste une anomalie que j' n'arrive pas à cerner au niveau des messages.
Quand je clique sur la page d'accueil ou dans la liste es sujets sur le petit bouton "Voir le dernier message, j'arrive décalé sur le message.

Mon template viewtopic_body:
Code:

<!-- Compte à rebours vote -->
<style>
#Compte {position: relative;margin-right: -180px;float: right;top: 213px;}
#Compte div{float:left;top: -115px;margin-left: 5px;line-height: 45px;color:#3bd9eb;position:relative;}
#Compte div span{font-size:12px;text-align:center;color:#e2660a;}
</style>

<!-- Position hauteur flèche et widgets dans sujets-->
<style>
.widget-arrow.isleft {margin-top: 495px;position: absolute;}  
#content-container div#left {margin-top:460px;}
</style>

<!-- Position boutons nouveau et répondre -->
<style>
.buttons {margin: 15px 0 0 80px;position: absolute;}
</style>

<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };

$(function(){
    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }

        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
 {
 if( $(this).is(":visible") )
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
 }
 else
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
 }
 });
        }
    }
    catch(e) { }

 return false;
};

//]]>
</script>

<div class="boutons_list">
<ul class="linklist">
<!-- BEGIN switch_user_logged_in -->
  <br/><br/>
        <!-- Ajout bouton Voir la page Facebook -->
        <li style="display: inline-block;"> • <a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;" target="_blank" title="Aller sur la page Facebook du Clic" href="https://www.facebook.com/Photoclic/">Voir la page Facebook du clic</a> • </li>
          
 <li><a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;background: #177887;color: #fff;" href="{U_SEARCH_NEW}">Voir les nouveaux messages</a></li>
  
 <li class="sansrep"> • <a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>        
        <li class="rightside"> • <a style="border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>

 <li class="rightside"> • <a style="border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;" href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
        <Br/><br/><br/>
 <!-- END switch_user_logged_in -->
</ul>
</div>

    <div class="M14_lAstSujets">            
      <div>                        
      </div>
    </div>

    <h1 class="page-title" style="display:none;">
          <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
        </h1>

    <div style="position:relative;top:-40px; width: 1px;" id="M14_aNcHoR"></div>

<div class="topic-actions">
 <div class="buttons">

 <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>   
   <!--             <a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img style="display:none;" src="https://i.imgur.com/DmZrfKT.png" id="bouton_poster" alt="{L_POST_NEW_TOPIC}" /></a>   -->
   <!-- END switch_user_authpost -->
          
 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
 <!-- END switch_user_authreply -->
 </div>
 
 <p class="right">
        <!-- BEGIN switch_twitter_btn -->
        <span>
            <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        </span>
        <!-- END switch_twitter_btn -->
 <!-- BEGIN switch_fb_likebtn -->
 <script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));</script>
 <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
 <!-- END switch_fb_likebtn -->
 </p>

<!-- Bouton Partager -->
<div class= "partage_fb" style="margin: 10px 45%; float: left;position: absolute;">    
<img class= "addthis_button" alt="Répondre au sujet" src="https://i.servimg.com/u/f31/19/32/37/01/index111.png" title="Partager ce sujet sur Facebook">
</div>  
 <!-- Compte à rebours vote -->
<div id="Compte"></div>  
 <div class="clear"></div>
</div>

             <div class="pathname-box"style="display:none;">
            <p>
                        <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
                        <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
                        {NAV_CAT_DESC}
                    </p>
            </div>

            <div id="M14_ariane"class="pathname-box">
              <p class="M14_ariane">
                    <a class="nav" href="{U_INDEX}"><span>Accueil</span></a>
                    <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
                    {NAV_CAT_DESC}
                    <a class="nav" href="{TOPIC_URL}">{TOPIC_TITLE}</a>
                
                <script type="text/javascript">$('.M14_ariane').each(function(){$(this).html($(this).html().replace(/::/g,""));});</script>
             </p>
           </div>

  <a id="M14"style="position: relative;top: -100px;"></a>  


<!-- BEGIN topicpagination -->
<p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->


<div class="clear"></div>
{POLL_DISPLAY}

<!-- BEGIN postrow -->
 <!-- BEGIN hidden -->
 <div class="post {postrow.hidden.ROW_COUNT}">
 <div class="inner">
 <span class="corners-top"><span></span></span>
 <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
 <div class="clear"></div>
 <span class="corners-bottom"><span></span></span>
 </div>
 </div>
 <!-- END hidden -->
        
 <!-- BEGIN displayed -->
 <div id="p{postrow.displayed.U_POST_ID}" class="M14_post post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
 <div class="inner"><span class="corners-top"><span></span></span>
                          
        <!--  Ancrage des sujets   -->
               <div class="M14_anchonext"style="position: relative; top: -105px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>                              
            
       <!-- Affichage des numéros de message -->
 <div class="postNumberContainer"><a href="{postrow.displayed.POST_URL}" class="postNumber">#{postrow.displayed.COUNT_POSTS}</a></div>
                          
                          
                          <div class="postbody">

 <ul class="profile-icons">
                                <li>{postrow.displayed.THANK_IMG}</li>
                                                                    
                     <!-- Affichage ID message retiré-->
                     <!--       <li class="IDmess">#{postrow.displayed.U_POST_ID}</li> -->
                                  
 <li>{postrow.displayed.MULTIQUOTE_IMG}</li>
                                  
                                      <img class="post2pm" data-pid="{postrow.displayed.U_POST_ID}" src="https://i.servimg.com/u/f31/19/32/37/01/abouto10.png" title="Transmettre par MP" alt="Transmettre par MP" />
                                  
 <li>{postrow.displayed.QUOTE_IMG}</li>
 <li>{postrow.displayed.EDIT_IMG}</li>
 <li>{postrow.displayed.DELETE_IMG}</li>
 <li>{postrow.displayed.IP_IMG}</li>
 <li>{postrow.displayed.REPORT_IMG_NEW}</li>
      
         <!-- Debut bouton ajouter aux favoris -->                            
     <li id="M14_FavORiTe"><a href="/search?add_favourite={TOPIC_ID}&search_id=favouritesearch" rel="nofollow"><img class="Fav" src="https://i.servimg.com/u/f31/19/32/37/01/36125810.png" title= "Ajouter à vos favoris"/></a></li>
               <!-- Fin bouton ajouter aux favoris -->                              
                                  
 </ul>

 <h2 class="topic-title">{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h2>
 <p class="author"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" /> {L_TOPIC_BY} {postrow.displayed.POSTER_NAME}    
                                <span class="M14_time">{postrow.displayed.POST_DATE_NEW}</span>
                                <span class="M14_time_get"></span>
                                </p>
                            
 <div class="clearfix"></div>

 <!-- BEGIN switch_vote_active -->
 <div class="vote gensmall">
 <!-- BEGIN switch_vote -->
 <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
 <!-- END switch_vote -->

 <!-- BEGIN switch_bar -->
 <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
 <!-- BEGIN switch_vote_plus -->
 <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
 <!-- END switch_vote_plus -->

 <!-- BEGIN switch_vote_minus -->
 <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
 <!-- END switch_vote_minus -->
 </div>
 <!-- END switch_bar -->

 <!-- BEGIN switch_no_bar -->
 <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
 <!-- END switch_no_bar -->

 <!-- BEGIN switch_vote -->
 <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
 <!-- END switch_vote -->
 </div>
 <!-- END switch_vote_active -->

 <div style="display:none"></div>
 <div class="content clearfix">
                                  
                               <!-- pour bouton copie lien photo -->
                                  <div class="M14_reception_photos"style="display:none"></div>  
                                  
 <div>{postrow.displayed.MESSAGE}</div>
 <!-- BEGIN switch_attachments -->
 <dl class="attachbox">
 <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
 <dd class="attachments">
 <!-- BEGIN switch_post_attachments -->
 <dl class="file clearfix">
 <dt>
 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/>
 </dt>
 <dd>
 <!-- BEGIN switch_dl_att -->
 <span><a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}</span>
 <!-- END switch_dl_att -->

 <!-- BEGIN switch_no_dl_att -->
 <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}</span>
 <!-- END switch_no_dl_att -->

 <!-- BEGIN switch_no_comment -->
 <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>
 <!-- END switch_no_comment -->

 <!-- BEGIN switch_no_dl_att -->
 <span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>
 <!-- END switch_no_dl_att -->

 <span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span>
 </dd>
 </dl>
 <!-- END switch_post_attachments -->
 </dd>
 </dl>
 <!-- END switch_attachments -->
 </div>
 
                                <span class="edited_post">{postrow.displayed.EDITED_MESSAGE}</span>
                            
 <!-- BEGIN switch_signature -->
 <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
 <!-- END switch_signature -->
                            
                            
                            
   <br /><br /> <div class="M14_Thank_Cont">
    <div><span class="M14_Texte_liste">Le membre suivant remercie   </span>
    <span class="M14_ThankUser"></span> pour ce sujet: <a target="_blank" href="" class="M14_Thank_link"></a><br />
    </div>
    <div class="M14_Thank_list"><div></div></div>
    </div>
                            
                            
 </div>

 <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
 <!-- div class="online2"></div-->
 <dl>
 <dt>
 
                              
    <strong class="M14_member"style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
    <div class="M14_TogProfil">
    <span class="M14_avatar">{postrow.displayed.POSTER_AVATAR}</span>
    <li><a class="M14_link"target="_blank">Profil</a></li>
    <li><a class="M14_link"target="_blank">Statistiques</a></li>
    <li><a class="M14_link"target="_blank">MP</a></li>
    <li><a class="M14_link"target="_blank">Messages</a></li>
    <li><a class="M14_link"target="_blank">Sujets</a></li>
    <li><a class="M14_link"target="_blank">Participation</a></li>
        
    <!-- visiteurs retiré --      <li><a class="M14_link"target="_blank">Visiteurs</a></li>    ---->
    <!-- Message sur profil retiré --      <li><a class="M14_link"target="_blank">Message sur profil</a></li>     ---->

    </div>
    <br />
      {postrow.displayed.POSTER_AVATAR}
                                          
    <br />                                          
 </dt>
 <dd>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd>
 <dd><br /></dd>
 <dd>
 <!-- BEGIN profile_field -->
                                            
    <span class="M14_blocSpan">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</span>{postrow.displayed.profile_field.SEPARATOR}

 <!-- END profile_field -->
 {postrow.displayed.POSTER_RPG}
 </dd>
 <dd><br /></dd>
 <dd>
 {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
 </dd>
 </dl>
 </div>

 <div class="clear"></div>

 <p class="right">
                          
                        <!--  <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>  -->
                          
                        </p>
 <span class="corners-bottom"><span></span></span></div>
 </div>
 <!-- BEGIN first_post_br -->
 <hr id="first-post-br" />
 <!-- END first_post_br -->
 <!-- END displayed -->
<!-- END postrow -->

   <a name="bottomtitle"></a>    


<div class="clear"></div>
  
<div class="noprint">  

<!-- BEGIN switch_user_logged_in -->
  
<!-- BEGIN watchtopic -->

<li class="rightside">  • {S_WATCH_TOPIC}<br /></li>

<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
</div>

<!-- BEGIN promot_trafic -->
<div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em">
 <span class="corners-top"><span></span></span>
 <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></span>
 <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span>
 <span class="corners-bottom"><span></span></span>
</div>
<div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em">
 <span class="corners-top"><span></span></span>
 <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></span>
 <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span>
 <div class="clear"></div>
 <div>
 <!-- BEGIN link -->
 » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
 <!-- END link -->
 </div>
 <span class="corners-bottom"><span></span></span>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="post row1" id="forum_rules">
 <span class="corners-top"><span></span></span>
 <div class="h3"> {L_FORUM_RULES}</div>
 <div class="clear"></div>
 <table class="postbody">
 <tr>
 <!-- BEGIN switch_forum_rule_image -->
 <td class="logo">
 <img src="{RULE_IMG_URL}" alt="" />
 </td>
 <!-- END switch_forum_rule_image -->
 <td class="rules content">
 {RULE_MSG}
 </td>
 </tr>
 </table>
 <span class="corners-bottom"><span></span></span>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

<hr />

           <div id="M14_ariane"class="pathname-box">
              <p class="M14_ariane">
                    <a class="nav" href="{U_INDEX}"><span>Accueil</span></a>
                    <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
                    {NAV_CAT_DESC}
                    <a class="nav" href="{TOPIC_URL}">{TOPIC_TITLE}</a>
                
                   <script type="text/javascript">$('.M14_ariane').each(function(){$(this).html($(this).html().replace(/::/g,""));});</script>                  
                </p>
           </div>

<div class="topic-actions">

  

   <!-- <div class="pagination">{PAGE_NUMBER}</div>    -->
  
<!-- BEGIN topicpagination -->
 <p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->

</div>
<div class="clear"></div>

<form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<fieldset class="jumpbox">
 <label>{L_JUMP_TO}: </label>
 {S_JUMPBOX_SELECT} 
 <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>

<!-- BEGIN viewtopic_bottom -->
<form method="get" action="{S_FORM_MOD_ACTION}">
<fieldset class="quickmod">
 <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}" />
 <label>{L_MOD_TOOLS}: </label>
 {S_SELECT_MOD}&nbsp;
 <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<div class="clear"></div>
<p class="right">{S_TOPIC_ADMIN}</p>
<!-- END viewtopic_bottom -->


<!-- BEGIN show_permissions -->

        <div id="M14_get_memberList"style="display:none;">
    <span class="gensmall"><strong>Membres parcourant ce sujet: </strong></span>
          <div id="M14_get_user"><div class="gensmall"></div></div>
          </div>

 <div class="h3">{L_TABS_PERMISSIONS}</div>
 {S_AUTH_LIST}
<!-- END show_permissions -->

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


<!-- Laisse le bouton favori uniquement sur 1ier message -->
    <script type="text/javascript">
      $(function(){
      $('ul.profile-icons:not(:first)').find('li#M14_FavORiTe').remove();
      });</script>
<!-- Retire le bouton favori aux invités -->  
 <script type="text/javascript">
     $(function(){if(_userdata["user_id"] < (0)){$('li#M14_FavORiTe').remove();}});
    </script>
  
   <!-- <script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>   -->  

Merci pour votre aide.



Dernière édition par photoclic le Jeu 23 Avr 2020 - 15:55, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 22 Avr 2020 - 18:28

Hello Serge,
c'est ton header qui pose des soucis car il est trop bas.

Trouves ceci dans le template mentionné:
Code:
  <div class="M14_anchonext"style="position: relative; top: -105px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>    

Mets la valeur 155 dans la négativité du top:
Code:
  <div class="M14_anchonext"style="position: relative; top: -155px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>    
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 22 Avr 2020 - 18:40

Le temps de chargement peut aussi jouer sur le placement.
Tu peux aussi passer en absolute:

Code:
<div class="M14_anchonext" style="position: absolute; margin-top: -155px; width: 1px;" id="279736"></div>
avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mer 22 Avr 2020 - 18:45

Bonjour Philippe,

J'avais déjà essayé de régler cette valeur, mais ça ne colle pas Phil.

Cette valeur me permet le bon ancrage des messages quand je clique sur leur titre, mais le résultat obtenu au final quand on clique sur le petit bouton "voir le dernier message reste inchangé".
avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mer 22 Avr 2020 - 18:45

Nos messages se sont croisés. Je vais essayer en absolute et je reviens.
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 22 Avr 2020 - 18:49

Il faudrait mettre un:
Code:
   margin-top: -5px;
A cette balise ul ayant l'id M14_navPerso :

Code:
ul#M14_navPerso
Car on voit un léger écart entre les deux balises ul
avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mer 22 Avr 2020 - 19:02

En passant en aboslute, cela ne changeait pas le positionnement du dernier message.
Je suis revenue en relatif.


Le ul#M14_navPerso à -5px ne change rien Phil.

On dirait que cela se positionne bien, et que juste après ça remonte d'une cinquantaine de px.
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 22 Avr 2020 - 19:14

Juste avant de partir,
je suis resté sur ton fofo Serge lors des éventuels modifications.

Pour la position absolute, tu es resté avec un top au lieu
d'un margin-top comme mentionné précédemment:

Code:
<div class="M14_anchonext" style="position: absolute; margin-top: -155px; width: 1px;" id="279736"></div>
avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mer 22 Avr 2020 - 19:20

Oui, tu as raison, je n'avais pas vu.

Je viens d'essayer.
Là, c'est l'ancrage des messages quand je clique sur leur titre qui ne fonctionne plus.
avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mer 22 Avr 2020 - 19:22

Ah non, c'est la fin de ton code ici qui n'était pas bon:
Code:

    <div class="M14_anchonext" style="position: absolute; margin-top: -155px; width: 1px;" id="279736"></div>

J'y retourne..
avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Jeu 23 Avr 2020 - 0:20

Bon, je ne te dis pas le nombre d'heures passées à essayer de comprendre mdr

En désactivant tour à tour css, template JS, rien ne réglait le problème.
J'ai donc comparé point par point les différences avec mon forum test dans sa configuration.

Tu ne devineras jamais ce qui crée le problème: c'est le fait d'avoir dans "Général-Messages et emails- Configuration" défini un redimensionnement des images transpir

Probablement un souci FA.

Donc j'ai retiré à regret cela, et cette fois le petit bouton voir le dernier message mène bien où il faut...... Sauf avec Microsoft Edge hurle

Tu me diras Philippe si je reste en absolute comme tu me l'as proposé ici:
https://www.milouze14.com/t32585-phpbb3-probleme-d-ancrage#620796

ou si je reviens comme sur ton astuce à position relative.

Bonne nuit et à demain :-)
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 23 Avr 2020 - 3:59

Hello Serge,

alors , il me semble bien avoir eut des remontées concernant les images,
mais cela n'avait rien a voir avec le redimensionnement en lui même,

mais bel et bien du temps de chargement des images.
Il faudrait des tests en regardant si tu as des message sans aucune photo, si l'ancrage fonctionne correctement et j'en suis persuadé que si tu as une photo
ou voir même plusieurs tu auras un léger décalage.

Concernant la position, il vaut mieux rester avec une position relative et mette un top
négatif.

C'est à dire:


Code:
<div class="M14_anchonext"style="position: relative; top: -140px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Jeu 23 Avr 2020 - 15:55

Bonjour Philippe,

Alors sur le forum "Bienvenue" par exemple où il n'y a pas de photos le souci se posait aussi.
Ainsi que sur mon forum test où il n'y a que très peu de photos; dès qu'on définit un redimensionnement d'images le problème se pose.

Tu devrais peut-être essayer de configurer un redimensionnement d'images sur ton fofo pour voir.

J'ai remis la position en relative et le top comme tu me l'as indiqué.

C'est donc tout bon pour moi l'ami et merci encore pour ton aide tape la
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 23 Avr 2020 - 17:24

Re rien Serge,

Tu devrais peut-être essayer de configurer un redimensionnement d'images sur ton fofo pour voir.

C'était déjà effectué Serge clin oeil .


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil




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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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