Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Biel.

[Resolvido] Botão Anterior e Botão Próxima

Recommended Posts

Boa tarde a todos. Gente estou fazendo um site numerando as paginas. Gostaria muito que mim dessem esta força. Qualquer informação é bem

vinda. Grato desde já. Minha dificuldade é a seguinte:

Quando eu clicar no botão próxima eu quero que vá para a pagina/nº 3. E quando eu clicar no botão Anterior eu quero que volte para a

página/nº2. Quero fazer este efeito em todas as pagina. Muito obrigado!

 

Código HTML

 

<ul id="numerando-paginas">

 

<li><a href="anterior.html">Anterior</a></li>

<li><a href="pagina-1.html">1 </a></li>

<li><a href="pagina-2.html" class="selected">2 </a></li>

<li><a href="pagina-3.html">3 </a></li>

<li><a href="pagina-4.html">4 </a></li>

<li><a href="pagina-5.html">5 </a></li>

<li><a href="pagina-6.html">6 </a></li>

<li><a href="pagina-7.html">7 </a></li>

<li><a href="pagina-8.html">8 </a></li>

<li><a href="pagina-9.html">9 </a></li>

<li><a href="proxima.html">Próxima </a></li>

</ul>

 

</div>

 

----------------------------------------------------------------------------------------------------------

 

Código CSS

 

ul#numerando-paginas{

width:590px;

padding-top:10px;

}

 

 

ul#numerando-paginas li{

position:relative;

float:left;

list-style-type:none;

}

 

ul#numerando-paginas li a {

margin:1.5px;

padding-left:11px;

padding-right:11px;

height:27px;

line-height:27px;

display:block;

text-align:left;

color:#030303;

background:#acacac;

border:#676767 1px solid;

text-decoration:none;

font-size:14px;

font-weight:normal;

font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;}

 

 

ul#numerando-paginas .selected {

background-color:#2E2E2E;

color:#FFF;

font-weight:bold;

border:#EBEBEB 1px solid;

}

 

ul#numerando-paginas li a:hover{

padding-left:11px;

padding-right:11px;

height:27px;

line-height:27px;

color:#EBEBEB;

background:#2E2E2E;

border:#EBEBEB 1px solid;

}

 

Pessoal, consegui resolver a questão. Obrigado a todos!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.