Membres connectés récemment
[PHPBB3] Problème d'ancrage
2 participants
Page 1 sur 1
- 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:
Merci pour votre aide.
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}
<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.
Hello Serge,
c'est ton header qui pose des soucis car il est trop bas.
Trouves ceci dans le template mentionné:
Mets la valeur 155 dans la négativité du top:
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>
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:
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>
Bon, je ne te dis pas le nombre d'heures passées à essayer de comprendre
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
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
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 :-)
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
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
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 :-)
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:
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>
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
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
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum