Alinhar link com imagem no centro

[Giovanni Petris 0]

Olá, estou com problema para alinhar um link no centro da tela, segue código para melhor entendimento:

 

<a href="exemplo">
    <img src="img/budget-button.png" style="margin: 0 auto; display: block;" />
</a>

 

este trecho de código até alinha a imagem no centro como link, o problema, é que mesmo quando o cursor do mouse não está sobre a imagem, quando está do seu lado, ainda 'permanece o link' ...

 

Enfim, a minha necessidade é alinhar a imagem no centro da tela e o cursor só será ativado quando estiver em cima da imagem.

 

[Ner0 6]

Costumo trabalhar sempre com div quando vou inserir imagens em meus layouts. Em minha opinião você deve fazer o mesmo!

 

Segue o código abaixo e vê se resolve o seu problema, lembre-se de alterar a largura e altura da div para a mesma da sua imagem como eu fiz.

<div style="width:100px;height:100px;margin:auto;"> <a href=""> <img src="http://forum.imasters.com.br/uploads/profile/photo-thumb-185233.jpg?_r=1359499946"/> </a> </div>

[Giovanni Petris 0]

Valeu Ner0, é isso ai mesmo! :D