Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Existe a possibilidade de colocar uma imagem como botão dentro de um type="text" ?
como você quer um botão, sugiro você usar as propriedades: position: relative|absolute;
obrigado, estarei aguardando, enquanto isso tentarei aqui.
Descula pela demoraaa....
:D
Ai ta o código...
No seu arquivo css, ou na tag style coloca essa sintaxe
input[type=submit]{
font-size:12px;
border:0;
background:none;Ali na parte de background, troca de acordo com a figura que voc~e for utilizar, e muda a largura e altura também de acordo com a imagem que voce selecionar.
Qualquer dúvida, posta aí!
wallysson, nao era isso.
Eu queria um input type="text" e dentro dele um botao como imagem !
A minha ideia era colocar uma imagem ao lado do campo text grudado, ma snao estou conseguindo grudar a imagem .
Desculpa pelo meu engano... xD
Você quer dentro do imput ou fora dele???
quero dentro, mas veja bem, eu preciso dos campos text e image .
>
quero dentro, mas veja bem, eu preciso dos campos text e image .
Como assim campos text e image????
Um campo <input type="text">
-> este campo <img src=""> eu pretendo colocar dentro do campo <input type="text">.
Se não der para fazer isso, eu preciso colocar o campo <input type="text"> e grudado com esse campo <input type="text">. -> Ja tentei fazer assim
<input type="text"><img src="imagem" style="margin-left:0px;">mas não ficou grudado !Bem, o que eu estou imaginando, não sei se é o que você está querendo... mas copia e cola em umm html aí e substitui a sintaxe background-image no style por uma imagem qualquer.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">.input_text{
background-image:url(imagem.png);
background-repeat:no-repeat;
padding:2px;
padding-left:20px;
}</style>
</head>
<body>
<input type="text" class="input_text"/>
</body>
</html>nao é isso,
vou tentar ser mais claro, eu quero deixar os dois campos grudados, o <input type="text"> e o <img src="imagem" style="margin-left:0px;">
Ahhhh... xD
Bem, é totalmente diferente do que eu estava imaginando de fato...
Vamo lá taca os dois dentro de uma div e coloca essa div onde você quiser com o position...
<div id='teste'>
<input type="text">
<img src="imagem" style="margin-left:0px;">
</div>nossa que vacilo meu cara, é só negativar o margin-left XD. Me desculpe pelo encomodo !
kkkkkkkkkkkk... O importante é que você conseguiu...
Da próxima eu vou ver se consigo te ajudar... :D
>
nossa que vacilo meu cara, é só negativar o margin-left XD. Me desculpe pelo encomodo !
Não pense em encomodar e sim em perguntar e aprender
As vezes a coisa ta na cara mas o fato de estar sempre em cima do problema acaba fazendo ele desaparecer. hehehe
:)
concordo Thelon , eu sou da área de programação e tenho uma noção de css, mas to aprendendo muito com vocês.
Existe sim, tente tirar as bordas dele e colocar um background-image, estou no trabalho agora e não tenho nehum exemplo fácil aqui para postar, mas é possível sim, em casa eu coloco um.
Até lá, procure pelas propriedades css para deixar o input text sem bordas... aplique as propriedades direto nele com <input type='texy' style'SEU CSS...'>
Em casa eu posto o arquivo completo!