En html, lien vers une autre page ne fonctionne pas en ligne

Résolu
Diamant40 Messages postés 60 Date d'inscription lundi 14 octobre 2013 Statut Membre Dernière intervention 30 juillet 2023 - 28 juil. 2023 à 16:38
Noirmagus Messages postés 24 Date d'inscription vendredi 28 juillet 2023 Statut Membre Dernière intervention 2 août 2023 - 31 juil. 2023 à 12:19

Bonjour,

Je suis un vieil informaticien, trop vieux je crois.....

J'ai créé un lien depuis la page d'accueil (index) de mon site www.p24.fr vers une autre page de ce  site.

<a href="page.html#ancre">Lien</a>

Avec l'ancre définie ainsi: <a name="ancre"></a> ou bien

<a name="ancre" id="ancre"</a>

Ceci fonctionne sur le PC (dépendant de l'endroit ou on pose l'ancre) mais ne fonctionne pas en ligne.

Le lien fonctionne mais amène en haut de la page pas sur l'ancre.

Y a t-il une règle particulière ?

Il s'agit du lien vers l'annonce du décès d'un copain sur la page d'accueil.

Merci pour vos conseils


Linux / Firefox 115.0


A voir également:

7 réponses

bg62 Messages postés 23594 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 1 mai 2024 2 363
29 juil. 2023 à 12:54

bonjour:)
si possible nous mettre le code qui est utilisé ... et savoir si tu utilises toujours ce vieux 'programme' " "WDL-Website-Builder" /> " ...


0
Diamant40 Messages postés 60 Date d'inscription lundi 14 octobre 2013 Statut Membre Dernière intervention 30 juillet 2023
30 juil. 2023 à 15:06

Voici ce que j'ai mis sur la page d'accueil (index):

<div style="HEIGHT: 76px; WIDTH: 276px; POSITION: absolute; LEFT: 1px; Z-INDEX: 100; TOP: 855px">
<a href="Carnet_N.html#Valat"><p align="center"><font color="#FF0000" size="2" face="Verdana"><strong>Derni&#232;re mauvaise nouvelle:<br />
Jacques Valat&nbsp;nous a quitt&#233;s</strong></font></a>
</div>

Sur la page destinatrice du lien (Carnet_N):


<div style="left: 36px; top: 7200px; width: 506px; height: 239px; position: absolute; z-index: 100;"><a name="VALAT" id="VALAT"></a>
<p><font face="Verdana" size="2"><strong>24 juillet 2023<br /></strong><br /></font><font face="Verdana" size="2"><strong>Bernard Daud&eacute; nous a appris aujourd'hui que son ami et voisin
Jacques Valat nous a quitt&eacute;s dans la nuit de Samedi &agrave; dimache dernier.</strong></font></p>

Ceci fonctionne en local mais pas en ligne….

En effet les années passent et j'utilise toujours WDL Website Builder 4, peut être obsolète mais dont j'ai l'habitude !

Merci pour vos commentaires et excusez moi pour les différentes polices (passages en machines, Windoxs, et Linux)


0
hypothetix Messages postés 191 Date d'inscription dimanche 19 janvier 2020 Statut Membre Dernière intervention 24 avril 2024 53
30 juil. 2023 à 16:07

Bonjour,

Attention Sensible aux majuscules et minuscules.

donc si href="Carnet_N.html#Valat"
il faut mettre <a name="VALAT" id="Valat">


0
Diamant40 Messages postés 60 Date d'inscription lundi 14 octobre 2013 Statut Membre Dernière intervention 30 juillet 2023
30 juil. 2023 à 17:14

Merci hypothetic !

J'ai tout mis en minuscule et c'est tout bon.


0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Diamant40 Messages postés 60 Date d'inscription lundi 14 octobre 2013 Statut Membre Dernière intervention 30 juillet 2023
30 juil. 2023 à 17:47

Dans ma "Bible" actuelle "<HTML> Maîtriser le code source" chez eni éditions par Luc Van Lancker, il est recommandé d'écrire "<a name="ancre"></a>" (pas de id="ancre")......

Y at-il mieux tant en logiciel que documentation, que mes antiquités ?


0
Noirmagus Messages postés 24 Date d'inscription vendredi 28 juillet 2023 Statut Membre Dernière intervention 2 août 2023
Modifié le 31 juil. 2023 à 12:28

L'utilisation de <a name="ancre"></a> pour définir des ancres dans une page HTML était courante dans le passé, mais elle est désormais obsolète avec HTML5. La méthode recommandée et conforme aux normes actuelles est d'utiliser <a id="ancre"></a> pour créer des ancres. Pour suivre les meilleures pratiques, utilisez l'attribut id pour vos ancres.

  1. Éditeurs de code :

    • Visual Studio Code : Un éditeur de code gratuit, léger et très populaire, développé par Microsoft. Il offre de nombreuses fonctionnalités utiles pour le développement en HTML.
    • Sublime Text : Bien que Sublime Text soit une application payante, il est proposé avec une licence "freeware", ce qui signifie que vous pouvez l'utiliser gratuitement. Cependant, une fenêtre contextuelle pour l'achat apparaît de temps en temps.
  2. IDE spécialisés pour le web :

    • Brackets : Un éditeur de code open source, spécialement conçu pour le développement web. Il est gratuit et dispose de fonctionnalités spécifiques pour le HTML, le CSS et le JavaScript.
  3. Outils de conception web :

    • Adobe Dreamweaver (version d'essai) : Adobe propose une version d'essai gratuite de Dreamweaver, qui vous permet d'utiliser l'outil pour une durée limitée sans coût.

Il est important de noter que de nombreux éditeurs de code et IDEs modernes sont disponibles gratuitement, et certains, comme Visual Studio Code, offrent une grande variété d'extensions pour étendre leurs fonctionnalités.

En ce qui concerne les ressources de documentation, toutes les sources mentionnées sont gratuites à consulter en ligne, notamment le Mozilla Developer Network (MDN), W3Schools, la documentation du W3C et l'HTML Living Standard. Ces ressources vous permettront d'apprendre et de consulter la documentation du HTML sans frais.

0
hypothetix Messages postés 191 Date d'inscription dimanche 19 janvier 2020 Statut Membre Dernière intervention 24 avril 2024 53
30 juil. 2023 à 18:57

Je viens d'éssayer avec Firefox et Chrome
ça ne fonctionne qu'avec id

Tentative d'explication (SGDG):
Maîtriser le code source" chez eni éditions par Luc Van Lancker
date de 2002 donc pour HTML4

Aujourd'hui c'est la version HTML5

De ma bible: https://fr.w3docs.com

https://fr.w3docs.com/snippets/html/comment-creer-un-lien-dancrage-pour-acceder-a-une-partie-specifique-dune-page.html

Bonne soirée


0
Noirmagus Messages postés 24 Date d'inscription vendredi 28 juillet 2023 Statut Membre Dernière intervention 2 août 2023
Modifié le 30 juil. 2023 à 17:51

Bonjour,

Je comprends que vous avez créé un lien depuis la page d'accueil de votre site www.p24.fr vers une autre page du même site en utilisant une ancre pour vous positionner directement sur une section spécifique de cette page. Cependant, le lien ne fonctionne pas correctement en ligne et amène toujours en haut de la page plutôt que sur l'ancre spécifiée.

Il y a effectivement quelques raisons courantes pour lesquelles cela pourrait se produire :

1. Vérifiez le chemin du lien : Assurez-vous que le chemin du lien est correct et qu'il pointe vers la bonne page contenant l'ancre que vous souhaitez atteindre.

2. Vérifiez la syntaxe de l'ancre : L'ancre doit être correctement définie avec la balise `<a>` et l'attribut `name` ou `id`. Cependant, notez qu'à partir de la norme HTML5, l'utilisation de l'attribut `name` pour définir une ancre est obsolète. L'utilisation de l'attribut `id` est préférée.

Exemple avec l'attribut `id` :
```
<a id="ancre"></a>
```

3. Évitez les caractères spéciaux dans l'ID de l'ancre : Assurez-vous que l'ID de l'ancre ne contient pas de caractères spéciaux, d'accents ou d'espaces. Privilégiez l'utilisation de lettres minuscules sans espaces si possible.

4. Vérifiez que la page cible est valide : Vérifiez que la page vers laquelle vous liez contient effectivement l'élément avec l'ID ou le nom d'ancre spécifié.

5. Problèmes de cache : Parfois, le navigateur peut utiliser des versions en cache des pages, ce qui peut entraîner des problèmes d'affichage. Essayez de vider le cache de votre navigateur ou utilisez un navigateur privé/incognito pour vérifier le comportement du lien.

6. Erreur de codage : Vérifiez qu'il n'y a pas d'autres erreurs de codage HTML ou JavaScript sur la page cible qui pourraient interférer avec le fonctionnement du lien.

En prenant en compte ces points, vous devriez pouvoir résoudre le problème et permettre aux visiteurs de votre site d'être dirigés directement vers l'ancre spécifiée sur la page cible. N'hésitez pas à vérifier à nouveau votre code pour détecter toute erreur éventuelle. Si le problème persiste, n'hésitez pas à partager une partie du code en question pour que je puisse vous aider plus précisément. Bonne chance !

-1