Voltar ao Topo

[ealves 0]

galera to com uma duvida basica aqui de html que é akele lance de ter um link pra voltar ao topo

 

tenho varios links no topo da pagina mais ou menos assim

 

<a href="#1">LINK 1</a>

<a href="#2'>LINK 2</a>

<a href="#3">LINK 3</a>

 

ate aki tudo bem , o que eu nao consigo fazer é referenciar esse link la embaixo na pagina , ou seja, nao estou conseguindo fazer a pagina subir

.

.

.

.

.

.

.

.

LINK 1 .....como eu ponho o link aki pra fazer a pagina refrenciar o LINK 1 la em cima ???

[RTaveira 0]

Veja aqui um exemplo do TOPO...

 

<li id="itemTopo"><a href="#logo_menu" title="Voltar para o topo da página">Topo</a></li>

È só você por a imagem do topo como referência.

[ealves 0]

valeu mais ainda nao é a resposta que eu queria .....pra eu fazer referencia ao LINK 1 eu tenho que usar alguma coisa parecida com <a name="1">Topo</a> mais nao esta funcionando

[RTaveira 0]

Veja o código-fonte desse site: Guilherme Rambo.(O nosso #INSIDE#.)

[webflex 0]

Olá,

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Você define uma id de uma div qualquer lá do topo, depois basta adicionar essa id na parte que deseja do seu site.

 

Cumps \o/

[lazerediversao 0]

Olá ealves.

Vamos ver se consigo explicar de forma simples e clara.

 

Você dever ter uma "div" ou algum elemento no topo do seu site certo?

O que você tem que fazer é uma âncora para ele.

Para fazer isso basta você criar um link que no lugar do endereço de uma página qualquer você indique o "id" da "div" ou de algum elemento que esteja no topo da sua página, e não se esqueça que antes de mencionar o "id" deve se colocar o símbolo "#" mais conhecido como jogo da velha.

 

Para ficar mais fácil vou lhe dar um exemplo simples.

 

<div id="topo">Aqui dentro vem o conteúdo do seu topo.</div><div id="conteudo>Aqui vem todo o conteúdo do seu site.</div><div id="rodape">Aqui vem todo o conteúdo do seu rodapé e irei incluir aqui a âncora para o topo veja abaixo:<a href="[b]#topo[/b]" title="Voltar para o topo.">Topo</a></div>

O item que destaquei em negrito é a âncora que nada mais é que o jogo da velha "#" com a "id" do topo ficando "#topo", que deve ser colocado como endereço do link.

 

Espero que tenha ajudado em caso de dúvidas estamos ai t+ http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Paulo de Tarso F. M. 24]

Pessoal, atenção:

 

Links NÃO FUNCIONAM com id!

 

Vocês testaram isso para ver se funciona? Acho que não, né? <_< Galera, vocês estão confundindo o "jogo da velha" do CSS com o do âncora do HTML... Uma coisa não tem nada a ver com a outra! O # no CSS serve para indicar que a formatação será aplicada à id correspondente, certo... Mas no HTML, o # serve justamente para linkar à uma âncora!

 

Para levar uma página a um determinado local usando âncoras, só criando uma mesmo dessa forma:

<a name="#topo"></a>

(Usei o topo, mas pode ser qualquer nome, claro...)

 

Por favor, antes de postarem qualquer solução, seria interessante testarem para não dizer algo que não esteja correto, ok?

[Guilherme Rambo 4]

Paulo, verifique o código fonte do meu site (www.guilhermerambo.com), e reveja você essa sua resposta...[]'s

[Giovani 104]

Seria muito bom, primeiro, saber do que está falando, assim não sai nenhuma besteira.

Por favor, antes de postarem qualquer solução, seria interessante testarem para não dizer algo que não esteja correto, ok?

[lazerediversao 0]

Me desculpem se disse alguma besteira... http://forum.imasters.com.br/public/style_emoticons/default/blush.gif

Hehe já vi que não levo jeito pra coisa...

T+

 

<EDITADO>

Mas relendo novamente o tópico.

Deixe-me ver se entendi...

Com base nas suas informações você teria:

 

<a href="#1">LINK 1</a>

<a href="#2'>LINK 2</a>

<a href="#3">LINK 3</a>

 

E você gostaria que o link no final da página direcionasse para o LINK 1 seria isso ???

Se for você poderia fazer assim...

<a id="link1" href="link1.htm">LINK 1</a><a id="link2" href="link2.htm">LINK 2</a><a id="link3" href="link3.htm">LINK 2</a>........Ai no link no final da pagina você colocaria<a href="#link1" title="Voltar ao link1">TOPO</a>

Por via das dúvidas eu testei beleza, vou até deixar um link de teste nele eu coloquei a âncora para o segundo link.

Espero que tenha acertado desta vez...

Abraços t+ http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

</EDITADO>

[Paulo de Tarso F. M. 24]

Me desculpem se disse alguma besteira... http://forum.imasters.com.br/public/style_emoticons/default/blush.gif

Hehe já vi que não levo jeito pra coisa...

T+

Meu caro lazerediversao, sua resposta está correta, na verdade quem tem que pedir desculpas sou eu pela minha resposta acima...

 

Galera, me desculpem mesmo pelo que eu disse... Quando testei aqui, na verdade não tinha funcionado, mas depois pûde constatar o que estava errado e de fato (e lógico também) quando queremos atribuir uma âncora podemos utilizar sim os próprios ids dos elementos...

 

Minhas sinceras desculpas pela resposta que deixei um tanto "ofensiva", e retifico inclusive o que disse: antes de postarem qualquer solução, testem, mas tem que testar direito (já que no meu caso, eu cheguei a testar porém não tinha me atentado a um detalhe e acabei tomando aquilo como conclusão, e estava errado)...

 

Desculpa mesmo... http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif

[André do Vale 76]

Lembrando também que este é um método de acessibilidade, usado por alguns sites para linkar diretamente o conteúdo.Exemplo:

Uma pessoa cega, normalmente navega pelo site usando a tecla TAB.Você adicionando um link no início do body, indicando um "salto" para o conteúdo, significa uma economia de muitos "TABs" para esta pessoa.Do mesmo jeito, funciona o link de voltar ao topo, no final do conteúdo.

É isto,

[lazerediversao 0]

Me desculpem se disse alguma besteira... http://forum.imasters.com.br/public/style_emoticons/default/blush.gif

Hehe já vi que não levo jeito pra coisa...

T+

Meu caro lazerediversao, sua resposta está correta, na verdade quem tem que pedir desculpas sou eu pela minha resposta acima...

 

Galera, me desculpem mesmo pelo que eu disse... Quando testei aqui, na verdade não tinha funcionado, mas depois pûde constatar o que estava errado e de fato (e lógico também) quando queremos atribuir uma âncora podemos utilizar sim os próprios ids dos elementos...

 

Minhas sinceras desculpas pela resposta que deixei um tanto "ofensiva", e retifico inclusive o que disse: antes de postarem qualquer solução, testem, mas tem que testar direito (já que no meu caso, eu cheguei a testar porém não tinha me atentado a um detalhe e acabei tomando aquilo como conclusão, e estava errado)...

 

Desculpa mesmo... http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif

 

Ufa hehe pensei que tinha dito coisa errada. http://forum.imasters.com.br/public/style_emoticons/default/yay.gif

Paulo, quanto as desculpas, fica tranqüilo que você tem crédito na praça hehe. http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Bem eu acabei editando meu tópico anterior, e lá deixei mais detalhado e creio que mais de acordo com o que o nosso amigo deseja. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

T+ ;)

[Paulo de Tarso F. M. 24]

Paulo, quanto as desculpas, fica tranqüilo que você tem crédito na praça hehe. http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Obrigado lazerediversao... Mas que é ruim errar é... Ficarei "atormentado" por isso ainda por um certo tempo... Sou muito crítico não só com os outros, mas comigo mesmo também... E nesse caso é bem pior, porque a cobrança é o tempo todo...

 

Mas é isso a e... Errar ainda é humano, né? Isso sempre acontece, quando chegamos a um certo ponto, muitas vezes nossa auto-confiança é tanta que achamos que sabemos tudo...

 

Mas sempre digo que, por mais que eu ajude o pessoal aqui no fórum, tenham certeza que aprendo em dobro com todos vocês...

 

Obrigado pelo apoio e também, mais uma vez, desculpem-me pelo erro... E... Caso encerrado do "Voltar ao topo"? rsrsrsrs

 

Abraços!