Image Button

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

isso ta dentro de um formulário? tem outro botão com outro redirecionamento dentro do form?

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.

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;
}

;)

Olá Diego. Muito obrigado! Fiquei 2 semanas pesquisando o assunto e nada, você me salvou. :)

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 ;)

ok vou fazer isso. Muito obrigado de novo.