アンカーリンクの問題

Question

私は自分のページにアンカーリンクを持っており、それらのアンカーへのナビゲーションリンクを設定しました。彼らは私をあまりにも低く落とし続ける以外は、アンカーは正常に動作します。私は各セクションのヘッダーの上にアンカーリンクを設定しますが、アンカーリンクはヘッダーの下に私を落とし続けます。ここに私のnavと私のアンカーのコードがあります。

<div class="content-outer" id="top_nav"> 
      <div class="content-inner"> 
       <ul> 


<li><a href="#home">Home</a><li> 
<li><a href="#services">Services</a></li> 
<li><a href="#about">About</a></li> 
<li><a href="#skills">Skills</a></li> 
<li><a href="#portfolio">Portfolio</a></li> 
<li><a href="#contact">Contact</a></li> 
<li class="last"><a href="#">Blog</a></li>      
       </ul> 
      </div> 
     </div> 





<div id="Layer-56" class="servicesheader png" ><a name="services" id="services"></a 
</div> 

<div id="Layer-56" class="servicesheader png" > 
<img src="Layer-56.png" width="273" height="42" alt="servicesheader" class="pngimg" /> 
</div> 

Answer 1

マークアップを検証します。現在、同じid値を2回使用していますが、これは禁止されています。空のコンテンツを持つa要素の代わりに、id属性を自然要素に割り当てます。見出しに見出しマークアップ（例：h2）を使用することを検討してください。

これはおそらく当面の問題を解決するものではありませんが、マークアップを修正して問題を示す完全な例（ドキュメントまたはURL全体）を投稿すると、ヘルプを得る確率が高くなります。

この問題は、CSSの配置によって、場合によってはCSSコードのエラーによって発生する可能性があります。