Перейти к содержимому

Реферальная программа Мегаплана


Якоря не работают - Почему?

#1 GrayHunter

GrayHunter
  • Пользователь
  • 28 сообщений
  • Репутация: 0
0

Отправлено 30 Август 2012 - 06:45

Есть страница где вверху находятся 3 ссылки (Подарочные, Разовые, Постоянные), которые должны вести на 3 якоря на этой же странице.

Всё перепробовал - не хотят якоря работать...думаю может уже какой-нить скрипт использовать, но пока останавливает нежелание усложнять.
Буду рад любой помощи, т.к. свои идеи уже закончились, поиск не помог.

 

 

  • 0

#2 matroskin8

matroskin8
  • Пользователь PRO
  • 767 сообщений
  • Репутация: 143

Отправлено 30 Август 2012 - 07:15

Вы неверно прописываете якорь:
<a href="http://1245.ru/dopuslugi/#gifts">
так фактически ищется новая страница. Попробуйте убрать слеш... да и вообще всю ссылку... зачем она там? якорь ведь на этой же странице. Правильно так:
<a href="#gifts">

И не мешало бы привести в порядок остальной код на странице... Firefox показал множество незакрытых тегов.
  • 0


#3 Алия

Алия
  • Пользователь
  • 42 сообщений
  • Репутация: 10

Отправлено 30 Август 2012 - 17:03

Кроме исходной ссылки, у Вас также неправильно прописаны якоря на местах, куда они должны вести.
Вместо <div><a name="permanent"></a></div>
вставьте <div id="permanent"><div>
соответственно, вместо <div><a name="single"></a></div>
вставьте <div id="single"><div>
и т.д.
(в принципе, можно прицепить якорь к заголовку, к картинке или другому элементу, необязательно делать отдельный див, например,
<h2 id="single">ВАШ ЗАГОЛОВОК</h2>
  • 0

#4 matroskin8

matroskin8
  • Пользователь PRO
  • 767 сообщений
  • Репутация: 143

Отправлено 30 Август 2012 - 17:24

Кроме исходной ссылки, у Вас также неправильно прописаны якоря на местах, куда они должны вести. Вместо

<div><a name="permanent"></a></div>


Алия, мотивируйте почему неправильно так:
<a name="permanent"></a>

  • 0


#5 Алия

Алия
  • Пользователь
  • 42 сообщений
  • Репутация: 10

Отправлено 30 Август 2012 - 17:37

matroskin8, и правда, лажанулась, так тоже работает (хотя код немножечко короче) :D
  • 0

#6 matroskin8

matroskin8
  • Пользователь PRO
  • 767 сообщений
  • Репутация: 143

Отправлено 30 Август 2012 - 17:42

Бывает :D
  • 0


#7 GrayHunter

GrayHunter
    Topic Starter
  • Пользователь
  • 28 сообщений
  • Репутация: 0

Отправлено 30 Август 2012 - 23:19

Такие варианты я уже пробовал. Попробовал и сейчас - проверьте, пожалуйста, у меня не работает.

Сейчас места "приземлений" сделал тремя разными вариантами - бесполезно. Прям колдунство какое-то...
  • 0

#8 GrayHunter

GrayHunter
    Topic Starter
  • Пользователь
  • 28 сообщений
  • Репутация: 0

Отправлено 31 Август 2012 - 03:42

Так никто и не справился с проблемой, в т.ч. и я. В итоге пришлось использовать скрипт. Удачи с якорями :D
  • 0

#9 matroskin8

matroskin8
  • Пользователь PRO
  • 767 сообщений
  • Репутация: 143

Отправлено 31 Август 2012 - 09:14

Такие варианты я уже пробовал. Попробовал и сейчас - проверьте, пожалуйста, у меня не работает.

Пробовал изначально. Через Firebug привел код в соответствие с рекомендациями выше и у меня все работало. Сейчас также убрал через Firebug обработчик события клика - и якорь также у меня заработал.
Сейчас так:
<a onclick="return anchorScroller(this)" href="#single">
Убираем onclick:
<a href="#single">
И у меня прекрасно работает якорь.
  • 0


robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru