[Resolvido] Botão de submit com imagem

[Vi =) 0]

Como fazer para colocar uma imagem ao invés de um botão padrão com o valor para submeter o formulário (submit)?

 

Tenho esse código na parte de busca do meu site:

<form id="busca" method="post" action="busca.php">
 			<input type="text" name="q" id="q" />
		</form>

E quero colocar uma imagem para submeter os dados ao invés do botão padrão.

 

Obrigado

[inforsis 1]

Boa NOite Vi =)!

Você pode aplicar CSS ao botão e usar uma imagem como background do mesmo.

 

Algo tipo:

 

<input type="button" style="background-image:url(imagem.extencao);" />

 

Acredito que aqui na busca, existam alguns outros tópicos que podem te auxiliar também... Dá uma atentada a busca também. ;)

 

Até Mais.

[William Bruno 1501]

Tem essa solução tb:

http://www.maujor.com/blog/2006/05/28/bota...-do-formulario/

[Vi =) 0]

Obrigado pela ajuda, mas não consegui resolver com essas dicas...o botão ficava enorme =/

 

O que eu fiz foi o seguinte:

 

Coloquei um id para cada input...assim:

 

<form id="q" name="q" method="get" action="busca.php">
 			<input id="teste1" type="text" name="q" id="q" />
                       <input id="teste" type="image" src="Imagens/busca.png" value="submit" />
</form>

E no CSS assim:

input#teste1 {margin-bottom:5px; width:200px;}
input#teste {margin-top:17px; width:35px; height:35px;}

E ai deu certo :D