Ir para conteúdo

POWERED BY:

Arquivado

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

mruoppolo

Imagem sobrepondo dois botões

Recommended Posts

Olá, tudo bem?

 

Eu preciso montar 2 botões igual ta aparecendo na imagem abaixo, mas não sei como fazer para aquele "ou" ficar sobrepondo os 2 botões, como eu faço isso??

 

 

btn_login.png

 

Muito obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Uma forma de fazer isso é criar uma div que englobe os 2 botões, colocando um "position: relative" nela, dai depois você coloca esse (ou) como imagem com "position: absolute" e posiciona conforme necessidade.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Então rikaschimitt, não fucionou não cara, eu fiz o seguinte código:

<div class='form-inline' style="postion:relative;">
   <input type="submit" class="form-control btn btnLogin" value="login">
   <img src="images/ou.png" style="postion:absolute;" alt="">
   <button class="form-control btn btnSingup">crie sua conta</button>
</div>

E ficou assim:

final.jpg

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.