âncora

[Thiago Nunes 0]

Olá pessoal,

 

Preciso fazer com que quando os usuários clicarem nos botões IOS, ANDROID, OUTLOOK e THUNDERBIRD destacados nesse print:

 

 

 

A tela role para as áreas correspondentes logo abaixo:

 

 

As imagens localizadas no segundo print são chamadas via jQuery. Coloquei a chamada para a âncora no link: IOS - localizado em uma tag li, e a âncora na tag H2 localizada logo abaixo. Ficando dessa forma:

 

Chamada para a âncora:

<li class="mL77 mR75"><a href="#teste" id="bt-ios" class="bt-ios">iOS</a></li>

Âncora

<h2 id="teste">iOS</h2>

Porém, dessa forma não está funcionando. Entretanto, se a chamada for criada fora da li, funciona normalmente! Alguém pode ajudar? Preciso fazer com que os links paras as âncoras funcionem dentro das listas de classe "mR75" localizados nas linhas 44, 45 e 46. Conforme segue abaixo:

<ul>
  <li class="mL77 mR75"><a href="#" id="bt-ios" class="bt-ios">iOS</a></li>
  <li class="mR75"><a href="#" id="bt-android" class="bt-android">Android</a></li>
  <li class="mR75"><a href="#" id="bt-outlook" class="bt-outlook">Outlook</a></li>
   <li><a href="#" id="bt-thunderbird" class="bt-thunderbird">Thunderbird</a></li>
</ul>

O código completo pode ser inspecionado nesse link: http://insigneweb.com.br/pop/tutorial-redirect/devices.html

 

Obrigado!

[rider.dodeca 1]

Caro, Thiago Nunes seu problema é simples de resolver e estou disposto a tal. Porém não consigo ver as imagens que você printou e o link está off.

 

Fico no aguardo para lhe ajudar.

 

Grato

[Thiago Duarte 23]

Oi,

Faça isso:

<a name="NOME"></a>

- E para o link utilizamos:

<a href="#NOME">meu link</a>

o uso do sinal de # é obrigatório para linkar a ancora.

Abs