Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17676
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Setas de anterior e próximo flutuante dentro da DIV

29-02-2016 13:58

Nesse post vou mostrar como colocar duas setas dentro da div, seta para esquerda e seta para direita.
Com esse script você poderá posicionar as setas no topo da div ou no fundo da div.

Modelo com as setas no fundo da div

<style> #div{ width:200px; height:200px; border:1px solid #ccc; position:relative; } .esquerda{ position:absolute; bottom:0; left:0; } .direita{ position:absolute; bottom:0; right:0; } </style> <div id="div"> <div class="esquerda">E</div> <div class="direita">D</div> </div>

Para alinhar as setas no topo da div basta substituir a classe CSS acima por essa

<style> #div{ width:200px; height:200px; border:1px solid #ccc; position:relative; } .esquerda{ position:absolute; top:0; left:0; } .direita{ position:absolute; top:0; right:0; } </style>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado