leomoraes87 Postado Dezembro 21, 2015 Denunciar Share Postado Dezembro 21, 2015 st Postado sexta às 17:46 · Denunciar post Boa tarde!!! Queria uma ajuda para alinhar esse botão de pesquisa, pois não tenho muito conhecimento em html só em java. No meu blog o botão fica na esquerda da página, queria que ele fosse para direita totalmente. <style type="text/css"> #pesquisafsm-caixa { background: #eee; padding:10px; border:0 none; width:170px; } #pesquisafsm-botao { border: 1px solid #222; color: #eee; background: url(http://i.imgur.com/cz4sguf.png) no-repeat left #4591fa; margin-left: -3px; color:#fff; font: 'trebuchet ms', trebuchet; padding:10px 10px 10px 22px; border:0 none; font-weight:bold; border-top-right-radius: 7px; border-bottom-right-radius: 7px; } #pesquisafsm-botao:hover { cursor: pointer; background: url(http://i.imgur.com/cz4sguf.png) no-repeat left #2375E6; } </style> <form action="/search" id="searchthis" method="get" style="display: inline;"> <input id="pesquisafsm-caixa" name="q" placeholder="O que está procurando?" size="40" type="text" /> <input id="pesquisafsm-botao" type="submit" value="Pesquisar" /> </form> Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
leomoraes87
Postado sexta às 17:46 · Denunciar post
Boa tarde!!!
Queria uma ajuda para alinhar esse botão de pesquisa, pois não tenho muito conhecimento em html só em java. No meu blog o botão fica na esquerda da página, queria que ele fosse para direita totalmente.
<style type="text/css">
#pesquisafsm-caixa {
background: #eee; padding:10px; border:0 none; width:170px;
}
#pesquisafsm-botao {
border: 1px solid #222;
color: #eee;
background: url(http://i.imgur.com/cz4sguf.png) no-repeat left #4591fa;
margin-left: -3px;
color:#fff;
font: 'trebuchet ms', trebuchet;
padding:10px 10px 10px 22px;
border:0 none;
font-weight:bold;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}
#pesquisafsm-botao:hover {
cursor: pointer;
background: url(http://i.imgur.com/cz4sguf.png) no-repeat left #2375E6;
}
</style>
<form action="/search" id="searchthis" method="get" style="display: inline;">
<input id="pesquisafsm-caixa" name="q" placeholder="O que está procurando?" size="40" type="text" /> <input id="pesquisafsm-botao" type="submit" value="Pesquisar" /> </form>
Link para o comentário
Compartilhar em outros sites
0 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.