Ir para conteúdo

POWERED BY:

Arquivado

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

mestre fyoda

[Resolvido] Botão dentro de um type=text

Por , em Desenvolvimento frontend

Recommended Posts

Wallysson Mota    0

Wallysson Mota
Postado

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!

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

como você quer um botão, sugiro você usar as propriedades: position: relative|absolute;

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wallysson Mota    0

Wallysson Mota
Postado

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; 
[b]background-image:url(../img/btnAdministrativo.png); width:81px; height:19px; cursor:pointer; [/b]
}

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í!

Compartilhar este post

Link para o post
Compartilhar em outros sites

mestre fyoda    1

mestre fyoda
Postado

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 .

Compartilhar este post

Link para o post
Compartilhar em outros sites

mestre fyoda    1

mestre fyoda
Postado

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 !

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wallysson Mota    0

Wallysson Mota
Postado

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">
<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>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wallysson Mota    0

Wallysson Mota
Postado

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>

Ai pela id dele você coloca onde você quiser... mas se ainda não for o que você quiser, tenta me explicar o que você quer fazer para que os 2 fiquem grudados...

Compartilhar este post

Link para o post
Compartilhar em outros sites

GabrielFerrari    41

GabrielFerrari
Postado

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

 

:)

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito