Retirar sublinhado de link e borda de imagem

Retirar sublinhado de link e borda de imagem

Muitas vezes ao construir nossa página web nos deparamos com pequenos detalhes que podem tornar nosso design melhor. Dois elementos que podem ser de grande valia para o visual é justamente os links e imagens de nossa página. Quando os links não são configurados ficam com sublinhado e quando as imagens não são configuradas ficam com uma borda nada atraente, webmasters mais experientes com certeza sabem como resolver este problema. Se voce assim como eu um dia procurei como resolver este problema voce vai conferir agora a solução.

1. Retirando borda da imagem:

Se sua imagem for por exemplo:
<img href="http://linkdaimagem.png" />
Sua imagem ficará com aquela borda azul indesejada como se fosse um link, para resolver basta adicionar border="0" style='border:0px;padding:1px;' dentro da tag <img> ficando assim:

<img href="http://linkdaimagem.png" border="0" style='border:0px;padding:1px;' />


2. Retirando o sublinhado e configurando o link direto no html
 Para corrigir o sublinhado de seu link basta colocar text-decoration:none dentro da tag.


<a href="http://kassioromulo.blogspot.com" style="text-decoration:none;" />
Pronto seu link  não terá sublinhado.

3. Retirando o sublinhado e configurando o link com CSS

Copie o código abaixo e cole dentro da TAG <HEAD></HEAD>:

Código para retirar o sublinhado dos links e a borda das imagens:
<style type="text/css">
A:link {text-decoration:none}
A:visited {text-decoration:none}
A:active {text-decoration:none}
A:hover {text-decoration:none}
a img {
border-width:0;
}
</style>