Ancre 
Autor: Hervé L.
Visited 332,
Followers 1,
Udostępniony 0
Bonjour,
Si je positionne mon ancre sur une image, sur une galerie ou sur un texte, le lien qui m'y emmene se trouve toujours décalé. Moitié de l'image ou de la premiere ligne de galerie ou du texte.
Si je positionne sur l'objet superieur à mon repere souhaité, c'est mieux mais encore trop bas car juste en limite de l'image.
Est ce normal???Unesolution???
*
Merci
Posted on the

Hello Hervé,
I am sorry about the inconvenience.
I tested those three types of anchor, but in all three cases the link to the anchor let to the object being at the top of the page, for example the anchors here are the image with a cup of coffee and the WE RECOMMEND text.
Could you provide an URL for the page where the link to the anchor is placed?
Online translation:
Bonjour Hervé,
Je suis désolé pour ce désagrément.
J’ai testé ces trois types d’ancrage, mais dans les trois cas, le lien vers l’ancre amène l’objet en haut de la page. Par exemple, les ancres ici sont l’image avec une tasse de café et le texte NOUS RECOMMANDONS.
Pourriez-vous fournir l’URL de la page où le lien vers l’ancre est placé ?
(It > Fr) ... Les ancres ont toujours fonctionné de la même manière...
... Lorsqu'elle est appelée par un lien, la ancre se déplace avec le contenu de la page vers le haut de la fenêtre du navigateur si la page défile suffisamment loin du bas...
.
ciao
.
Autor
Voilà le lien du site : https://www.studio-hlf.com/
des ancres sont sur : voir la galerie (pointée sur le titre galerie de photographie) et sur chaque vignette de prestation (voir le détail) pour envoyer plus bas.
Pour la galerie je sui sur l'image alors que je pointe sur le titre qui est au dessus et pour les étiquettes, les photos sont rognées du haut
Autor
Autor
au lieu de

Autor
et

Autor
au lieu de

Hello Hervé,
I can see that you are using a Sticky Bar on your website, this is what leads to the offset you mention.
For example, the anchor set to the title displays like this, and beneath the Sticky Bar that is displayed when scrolling down the page, this title is positioned roughly here.
This was reported in the past, and a change in this behavior is planned for future updates.
I remain available.
Online translation:
Bonjour Hervé,
Je peux voir que vous utilisez une Sticky Bar sur votre site web, c’est cela qui provoque le décalage que vous mentionnez.
Par exemple, l’ancre définie sur le titre s’affiche de cette manière, et sous la Sticky Bar qui apparaît lors du défilement de la page, ce titre se retrouve positionné approximativement ici.
Ce point a déjà été signalé par le passé, et une modification de ce comportement est prévue dans de futures mises à jour.
Je reste disponible.
Comme je vous l'ai dit, les ancres fonctionnent correctement ; elles s'alignent parfaitement avec le haut de la page. Cependant, en présence d'une barre de navigation fixe, elles se positionnent évidemment en dessous, comme Eric l'a également souligné.
Actuellement, la barre de navigation fixe est trop haute.
Il serait préférable de réduire sa hauteur à celle du menu, voire de la supprimer.
Vous avez une ancre incorrecte [Parlons de votre projet]...
- Important(!) : vous avez des objets à ajuster ; ils ne respectent pas la mise en page à différentes résolutions, ce que vous devez vérifier...
------------------------------------------------
+ >> Ceci étant dit, et en laissant votre page d'index telle quelle, si cela vous intéresse, j'ai développé une fonctionnalité exclusive, (une idée que j'ai mise au point il y a plusieurs années), qui détecte les ancres de page, calcule la hauteur de la barre de navigation fixe à chaque résolution (variable dans votre cas) et ajuste le point d'ancrage en faisant défiler la page à la distance appropriée.
...!...Si vous souhaitez essayer cette fonctionnalité, faites-le-moi savoir et je reviendrai. Cela ne prendra qu'un clic. copier/coller...!...
.
ciao
.
Autor
KolAsim : "vous avez des objets à ajuster ; ils ne respectent pas la mise en page à différentes résolutions, ce que vous devez vérifier..." Pouvez vous me donner les critères à respecter ?
"j'ai développé une fonctionnalité exclusive, (une idée que j'ai mise au point il y a plusieurs années), qui détecte les ancres de page, calcule la hauteur de la barre de navigation fixe à chaque résolution (variable dans votre cas) et ajuste le point d'ancrage en faisant défiler la page à la distance appropriée.
...!...Si vous souhaitez essayer cette fonctionnalité, faites-le-moi savoir et je reviendrai. Cela ne prendra qu'un clic. copier/coller...!." oui bien sur que cela m'interresse puisque c'est l'objet de mon message d'origine.....
Eric C. : "Ce point a déjà été signalé par le passé, et une modification de ce comportement est prévue dans de futures mises à jour." merci pour votre intervention mais il est quand même dommage que INCOMEDIA ne réagisse pas mieux en face des défaut de son logiciel
Bien Amicalement
... ce n'est pas un défaut, comme je vous l'ai dit, les ancres ont toujours fonctionné ainsi. C'est à vous de comprendre leur fonctionnement et d'adapter la page en conséquence, par exemple en ajoutant des espaces autour des ancres. Si vous supprimez la barre d'ancrage XXStickyBar, comme je l'ai déjà mentionné, ce problème n'existera pas.
...encore une fois, comme je vous l'ai déjà dit, si cela vous intéresse, j'ai également une ancienne solution de contournement que j'ai mise au point pour corriger les erreurs commises lors de conceptions non ad hoc, et elle est accessible à tous...
.
ciao
.
... Concernant la mise en page incorrecte, veuillez vérifier tous les objets à toutes les résolutions, breakpoint par breakpoint, notamment dans l'en-tête (HEADER) et le pied de page (FOOTER)...

... Par exemple, dans le pied de page, vous avez inséré ce texte hors limites:
Tous droits réservés © Studio-HLF
... Comme indiqué dans mon STAMP ici :
.
ciao
.
Autor
[quote=" KolAsim "]
... ce n'est pas un défaut, comme je vous l'ai dit, les ancres ont toujours fonctionné ainsi. C'est à vous de comprendre leur fonctionnement et d'adapter la page en conséquence, par exemple en ajoutant des espaces autour des ancres. Si vous supprimez la barre d'ancrage XXStickyBar, comme je l'ai déjà mentionné, ce problème n'existera pas.
...encore une fois, comme je vous l'ai déjà dit, si cela vous intéresse, j'ai également une ancienne solution de contournement que j'ai mise au point pour corriger les erreurs commises lors de conceptions non ad hoc, et elle est accessible à tous...
.
ciao
.
Si il s'agit bien d'un défaut de conception du XXStickyBar puisqu'il faut le supprimer pour ne pas avoir à bidouiller en ajoutant des espaces autour des ancres qui feront que les espaces de paragraphes ne seront pas homogènes sur l'ensemble de la page.
C'est d'ailleur pour compenser cela que vous avez "une ancienne solution de contournement que j'ai mise au point pour corriger les erreurs"
Encore une fois, votre solution m'interresse pour contourner ce point.Merci
... Si l'environnement de base n'est pas respecté, on se retrouve avec une multitude de sites et de pages, d'ancres internes et externes, et chaque cas nécessite une évaluation spécifique pour combler les lacunes qui apparaissent après la réalisation du travail...
.
... OK ... J'ai dû m'absenter hier, mais me revoilà. J'ai vérifié, mais vous n'avez toujours pas corrigé les objets hors mise en page dans le pied de page (FOOTER), notamment celui avec le texte que j'ai mentionné précédemment, et l'objet menu, tous deux hors mise en page à droite...
... Il faut réduire la taille du conteneur et positionner les objets à l'intérieur du pied de page, en vérifiant tous les points de rupture( breakpoint) en mode adaptatif...
... Dès que vous aurez publié la correction, prévenez-moi pour que je puisse revenir vérifier. Je publierai ensuite le code correspondant pour votre page d'accueil. Ce sera très simple, un seul clic suffira...
Au revoir, ... ciao
.
Autor
[quote=" KolAsim "]Hervé L.... ... ... Encore une fois, votre solution m'interresse pour contourner ce point.Merci
... OK ... J'ai dû m'absenter hier, mais me revoilà. J'ai vérifié, mais vous n'avez toujours pas corrigé les objets hors mise en page dans le pied de page (FOOTER), notamment celui avec le texte que j'ai mentionné précédemment, et l'objet menu, tous deux hors mise en page à droite...
... Il faut réduire la taille du conteneur et positionner les objets à l'intérieur du pied de page, en vérifiant tous les points de rupture( breakpoint) en mode adaptatif...
... Dès que vous aurez publié la correction, prévenez-moi pour que je puisse revenir vérifier. Je publierai ensuite le code correspondant pour votre page d'accueil. Ce sera très simple, un seul clic suffira...
Au revoir, ... ciao
.
voilà c'est repris
... OK... tu as bien corrigé la mise en page, bravo...

... Mais ! Tu as fait une erreur en insérant du code SUPPLÉMENTAIRE au mauvais endroit. Il faut le supprimer...(*)...
... De plus, ou plutôt de moins, les ancres précédentes liées aux liens concernés ont disparu. Ça ne peut donc pas fonctionner comme ça. Il faut rétablir ces ancres correctement, à leur emplacement d'origine...
Portraits
Mode
Produits
Galerie
... Une fois les corrections effectuées, préviens-moi et je reviendrai vérifier...
(*) ... Je crois savoir ce que tu voulais faire. Tu voulais peut-être utiliser ma méthode préférée, les ancres manuelles, qui sont plus rapides et plus flexibles pour moi. Mais c'est un autre sujet et il faut que tu aies une idée précise...
.
Autor
[quote=" KolAsim "]
... OK... tu as bien corrigé la mise en page, bravo...

... Mais ! Tu as fait une erreur en insérant du code SUPPLÉMENTAIRE au mauvais endroit. Il faut le supprimer...(*)...
... De plus, ou plutôt de moins, les ancres précédentes liées aux liens concernés ont disparu. Ça ne peut donc pas fonctionner comme ça. Il faut rétablir ces ancres correctement, à leur emplacement d'origine...
Portraits
Mode
Produits
Galerie
... Une fois les corrections effectuées, préviens-moi et je reviendrai vérifier...
(*) ... Je crois savoir ce que tu voulais faire. Tu voulais peut-être utiliser ma méthode préférée, les ancres manuelles, qui sont plus rapides et plus flexibles pour moi. Mais c'est un autre sujet et il faut que tu aies une idée précise...
.
Oui je sais que ces ancres ont disparues puisque je les ai enlevées. Mon site est loin d'être fini, je le sais aussi, je veux simplement savoir si la barre sticky peut fonctionner avec les ancres ou pas .... Je finirais après
Merci
… oui, vous pouvez l’utiliser ; en fait, j’ai évalué mon code précisément en fonction de la présence de la StickyBar, pour votre page d’accueil actuelle…
… puisque vous y travaillez, et comme je vous l’ai dit initialement, la StickyBar est assez intrusive sur smartphone, occupant un espace précieux. Il serait donc préférable de supprimer le logo ou de le réduire, et de diminuer la hauteur de la barre de menu d’environ 50 à 70 pixels…
… si vous n’utilisez pas la StickyBar, tout change, et vous n’avez besoin d’aucun code supplémentaire (qui n’est d’ailleurs pas particulièrement complexe)…
.
Autor
[quote=" KolAsim "]Hervé L.... ... ... je veux simplement savoir si la barre sticky peut fonctionner avec les ancres ou pas .... Je finirais après Merci
… oui, vous pouvez l’utiliser ; en fait, j’ai évalué mon code précisément en fonction de la présence de la StickyBar, pour votre page d’accueil actuelle…
… puisque vous y travaillez, et comme je vous l’ai dit initialement, la StickyBar est assez intrusive sur smartphone, occupant un espace précieux. Il serait donc préférable de supprimer le logo ou de le réduire, et de diminuer la hauteur de la barre de menu d’environ 50 à 70 pixels…
… si vous n’utilisez pas la StickyBar, tout change, et vous n’avez besoin d’aucun code supplémentaire (qui n’est d’ailleurs pas particulièrement complexe)…
.
Je vous remercie mais je ne vous demande pas si je veux réduire ou me passer de la sticky barre. Votre "fameux code" fonctionne ou pas ? Je peux l'avoir ou pas ?
Autor
[quote="Eric C."]
Hello Hervé,
I can see that you are using a Sticky Bar on your website, this is what leads to the offset you mention.
For example, the anchor set to the title displays like this, and beneath the Sticky Bar that is displayed when scrolling down the page, this title is positioned roughly here.
This was reported in the past, and a change in this behavior is planned for future updates.
I remain available.
Online translation:
Bonjour Hervé,
Je peux voir que vous utilisez une Sticky Bar sur votre site web, c’est cela qui provoque le décalage que vous mentionnez.
Par exemple, l’ancre définie sur le titre s’affiche de cette manière, et sous la Sticky Bar qui apparaît lors du défilement de la page, ce titre se retrouve positionné approximativement ici.
Ce point a déjà été signalé par le passé, et une modification de ce comportement est prévue dans de futures mises à jour.
Je reste disponible.
oui Eric, j'ai vu que le problème a été relevé en anglais, c'est pour cela que je n'avais pas vu. Mais c'est déjà repéré depuis 2018 et aussi en 2019 et INCOMEDIA n'a encrore rien repris 7 ans après.....C'est quand même scandaleux de vendre une fonction barre sticky qui mal appropriée
... ... ... e Votre "fameux code" fonctionne ou pas ? ... ... ...
... Tout dépend de la possibilité d'évaluer la page une fois qu'elle possède les fonctionnalités manquantes mentionnées ci-dessus…
...Je viens de vérifier à nouveau, et les Ancres sont toujours manquantes…
... ... ... Je peux l'avoir ou pas ?
… lorsque la page sera à jour comme indiqué, … tenez-moi au courant…
… si ce n’est pas ce soir, nous en reparlerons demain au plus tard…
.
ciao
.
... J'ai revérifié et constaté que vous n'avez apporté aucune modification.....
... Par simple curiosité, tout en conservant l'état actuel de l'index, j'ai créé ce nouveau code supplémentaire, sans aucun lien avec celui que j'avais suggéré précédemment.
... Voici ce que fait ce code :
1) Crée les ancres manquantes mentionnées ci-dessus ;
2) Supprime la barre de style ;
3) Convertit l'en-tête en flottant fixe ;
4) Rationalise les points d'ancrage ;
5) Rationalise le bouton de contact.
... Vous pouvez l'essayer en un simple copier-coller et le supprimer en un autre clic...
... C'est inoffensif, facile et rapide...
... code:
<script>
/*-- Ancore offset EXTRA x [FR-275062] by KolAsim --*/
$(document).ready(function () {/*K*/;
setTimeout(function () { const styleK = ` <style> #imHeader {position: fixed; width:100%;transition: transform .25s .1s ease-in-out;z-index:5;} .down #imHeader { transform: translate3d(0, -150px, 0);} #imStickyBarContainer, #imHeaderBg {display:none !important} #Galerie, .ancoraK{position:absolute;top:-40px}/*offset*/ </style> `; $("head").append(styleK); var lastScrollTop = 0; $(window).scroll(function(event){ var st = $(this).scrollTop(); if (st > lastScrollTop){ if (!$('body').hasClass('down')) { $('body').addClass('down'); } } else { $('body').removeClass('down'); } lastScrollTop = st; if ($(this).scrollTop() <= 0) { $('body').removeClass('down'); }; }); $("#imCell_446").prepend('<div id = "Portraits" class = "ancoraK"></div>'); $("#imCell_424").prepend('<div id = "Mode" class = "ancoraK"></div>'); $("#imCell_437").prepend('<div id = "Produit" class = "ancoraK"></div>'); $("#imObjectButton_62_357_button").attr("onclick","x5engine.utils.location('contact.html', null, false);"); $("#imObjectButton_62_430_button").attr("onclick","x5engine.utils.location('index.html#Galerie', null, false);"
);},1000); /**K**/});
</script>
------------------------------------------------
... Je quitte cette discussion, le sujet est trop vaste et le fragmenter davantage ne ferait que rendre la discussion confuse...
... Si vous avez besoin d'aide ou de précisions supplémentaires, ouvrez une nouvelle discussion.
... Au revoir... ciao ...
.
... Pour être honnête, je suis passé voir, mais tu n'as pas répondu ni donné de nouvelles. J'ai cependant constaté que tu avais enfin compris le fonctionnement normal et correct des Anchors, sans avoir besoin de codes...
.