Ancre HTML Saut Ne fonctionne pas

Le titre signifie ce qu'il dit. lorsque je créer un lien pour accéder à une certaine div cela ne fonctionne pas. Par exemple quand je dis <a href="#Section1>Section 1</a> et cliquez sur elle, il devrait passer à la balise d'ancrage avec le nom de "Section1' <a name="Section1"></> mais rien ne se passe.

<main id="Main">
<div class="Container">
<div class="Section-Links Left Box-Sizing">
<div class="Links">
<a href="#test">Test Post</a>
<a href="#test2">Test Post</a>
<a href="#test3">Test Post</a>
<a href="#test4">Test Post</a>
<a href="#test5">Test Post</a>
<a href="#test6">Test Post</a>
<a href="#test7">Test Post</a>
<a href="#test8">Test Post</a>
<a href="#test9">Test Post</a>
<a href="#test10">Test Post</a>
</div>
</div>
<div class="Sections Left Box-Sizing">
<div class="Section">
<a name="Test"></a>
<span class="Section-Title">Test Section</span>
<p class="Section-Text">Some Random Words Here.</p>
</div>
<div class="Section">
<a name="Test2"></a>
<span class="Section-Title">Test Section</span>
<p class="Section-Text">Some Random Words Here.</p>
</div>
<div class="Section">
<a name="Test3"></a>
<span class="Section-Title">Test Section</span>
<p class="Section-Text">Some Random Words Here.</p>
</div>
<div class="Section">
<a name="Test4"></a>
<span class="Section-Title">Test Section</span>
<p class="Section-Text">Some Random Words Here.</p>
</div>
<div class="Section">
<a name="Test5"></a>
<span class="Section-Title">Test Section</span>
<p class="Section-Text">Some Random Words Here.</p>
</div>
<div class="Section">
<a name="Test6"></a>
<span class="Section-Title">Test Section</span>
<p class="Section-Text">Some Random Words Here.</p>
</div>
<div class="Section">
<a name="Test7"></a>
<span class="Section-Title">Test Section</span>
<p class="Section-Text">Some Random Words Here.</p>
</div>
<div class="Section">
<a name="Test8"></a>
<span class="Section-Title">Test Section</span>
<p class="Section-Text">Some Random Words Here.</p>
</div>
<div class="Section">
<a name="Test9"></a>
<span class="Section-Title">Test Section</span>
<p class="Section-Text">Some Random Words Here.</p>
</div>
<div class="Section">
<a name="Test10"></a>
<span class="Section-Title">Test Section</span>
<p class="Section-Text">Some Random Words Here.</p>
</div>
</div>
<div class="Clear"></div>
</div>
<p class="Footer-Masthead">Created By Moussa Harajli.</p>
</main>

si vous souhaitez tester ce rendez-vous ici. http://67.184.73.19/Projects/Assassins/rules.php

  • ahhhh voilà, je n'ai pas réalisé qu'elle était sensible à la casse.
InformationsquelleAutor Moussa Harajli | 2014-02-17
  1. 2

    Ancre des liens ne pointent pas vers names, mais de ids

    donc changer, par exemple:

    <a name="Test7"></a>

    à: 

    <a id="Test7"></a>

    Et vous ne devez pas modifier la capitalisation de l'id de l'attribut id et les liens.

    • Il sert à... et encore ne
    • Cela a fonctionné trop merci.
    InformationsquelleAutor idmean
  2. 2

    Essayez de définir l'id dans la div tag:

    <div id="test" class="Section">...</div>

    Et cela devrait fonctionner:

    <a href="#test">Test Post</a>
    • Travaillé merci pour l'aide
    InformationsquelleAutor beautifulcoder
  3. 2

    La raison derrière le problème est que vous avez des ID différents dans vos liens, puisque test2 n'est pas le même que Test2.

    Si... à partir de mon expérience, la <a> élément est essentiellement redondant puisque le suivant fonctionne dans tous les navigateurs modernes:

    <main id="Main">
<div class="Container">
<div class="Section-Links Left Box-Sizing">
<div class="Links">
<a href="#test">Test Post</a>
<a href="#test2">Test Post</a>
</div>
</div>
<div class="Sections Left Box-Sizing">
<div id="test" class="Section">
<span class="Section-Title">Test Section</span>
<p class="Section-Text">Some Random Words Here.</p>
</div>
<div id="test2" class="Section">
<span class="Section-Title">Test Section</span>
<p class="Section-Text">Some Random Words Here.</p>
</div>
    InformationsquelleAutor Lea Hayes