проблемы с анкорными ссылками

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

<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>

navigation html anchor nav positioning
person Rebecca Diamond    schedule 05.05.2012    source источник
comment
Можете ли вы показать нам CSS для проблемы? И, может быть, скриншот или фактический адрес?   -  person Sven van Zoelen    schedule 05.05.2012

Ответы (1)


arrow_upward
0
arrow_downward

Подтвердите свою разметку. Теперь вы используете одно и то же значение id дважды, что запрещено. Вместо элементов a с пустым содержимым назначьте атрибут id естественному элементу. Рассмотрите возможность использования разметки заголовков (например, h2) для заголовков.

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

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

person Jukka K. Korpela    schedule 05.05.2012