Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom pessoal crei uma imagem pra usar com Sprite mais a imagem está um pouco maior que o campo de texto então o texto está passado um pouco do sobre a imagem apliquei um padding no left e funcionou mais no right não está funcionando alguém poderia me dar uma ajuda?!
/applications/core/interface/imageproxy/imageproxy.php?img=http://img818.imageshack.us/img818/3792/uppv.jpg&key=afae00e5cb39ebbba71b29183e56054be5a443f6451339db1327a9ac6f6177e8" alt="uppv.jpg" />
#s{
background:url(images/search-spr.png) no-repeat 0 0;
width: 152px;
height:35px;
border:0px;
padding-left:10px;
padding-right:10px;
}Eu diminui o width até o minino da imagem mesmo assim ele continua saindo fora... isso não resolve meu problema.
Ja tentou colocar a figura de fundo em uma div e depois colocar o input sem atributo nenhum, somente com o width?
Tenta usar box sizing:
box-sizing: border-box;
-moz-box-sizing: border-box;Perfeito Henrique funcionou direitinho!
Diminui o WIDTH até ajustar!