проблемы с привязкой

Question

Итак, у меня есть привязывающие ссылки на моей странице, и я установил свои навигационные ссылки на эти привязки. Якоря прекрасно работают, за исключением того, что они слишком низкивают меня. Я устанавливаю якорные ссылки над заголовками для каждой секции, но привязные ссылки продолжают опускать меня ниже заголовков. Вот мой код для моего навигатора и один из моих якорей.

<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, что запрещено. Вместо a элементов с пустым содержимым присвойте атрибут id естественному элементу. Рассмотрим заголовки разметки (например, h2).

Возможно, это не устранит проблему, но исправление разметки и публикация полного примера, демонстрирующего проблему (весь документ или URL-адрес), увеличит вероятность получения помощи.

Проблема может быть вызвана позиционированием CSS, возможно, ошибками в коде CSS.