leomoraes87 Postado Dezembro 18, 2015 Denunciar Share Postado Dezembro 18, 2015 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
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.