Image Button

Enviada por Emanuel 
Emanuel
Image Button
14 de March de 2012 às 01:32PM
Olá pessoal. Minha dúvida é bem simples. Como faço para colocar um icone num button? por exemplo eu tenho um button funcionando normalmente:

<input type="button" name="avaliacaoSetorial" id="avaliacaoSetorial" value="Avaliação Setorial" onclick="location.href='avaliacaoSetorial.php'" />


Gostaria de colocar um icone, já tentei da seguinte forma e não deu certo:

<input type="image" src="icone.png" value="Avaliacao" alt="avaliacao do setor" onclick="location.href='avaliacaoSetorial.php'" />


alguma sugestão?


Emanuel
Israel Block
Re: Image Button
14 de March de 2012 às 01:43PM
isso ta dentro de um formulário? tem outro botão com outro redirecionamento dentro do form?
Emanuel
Re: Image Button
14 de March de 2012 às 06:46PM
Sim. O formulário contém vários botões e cada um vai para uma pagina php diferente. Está tudo funcionando blz. A dúvida é só como colocar um ícone em cada botão sem perder a sua funcionalidade.
Diego R. Mengarda
Re: Image Button
15 de March de 2012 às 06:42AM
amigo faça assim

<input type="submit" name="enviar" class="enviar" />

no css

.enviar {
background: url(imgs/bt-enviar.png) center top no-repeat;
border:0px;
width:70px;
display:block;
height:27px;
cursor:pointer;
}

;)
Emanuel
Re: Image Button
17 de March de 2012 às 02:10PM
Olá Diego. Muito obrigado! Fiquei 2 semanas pesquisando o assunto e nada, você me salvou. :)
Diego R. Mengarda
Re: Image Button
17 de March de 2012 às 04:19PM
se você quiser o efeito normal de botão que quando a pessoa clica ele baixa, coloque assim


.enviar:active {
background: url(imgs/bt-enviar-down.png) center top no-repeat;
border:0px;
width:70px;
display:block;
height:27px;
cursor:pointer;
}

troque a imagem por outra com 1 efeito diferente ;)
Emanuel
Re: Image Button
17 de March de 2012 às 08:58PM
ok vou fazer isso. Muito obrigado de novo.
Você precisa estar logado no PHPBrasil.com para poder enviar mensagens para os nossos fóruns.

Faça o login aqui.