Retirar borda azul IE

[CrazyLOL 2]

Galera estou com um pequeno problema, apenas no Internet Explorer as imagem que possui link ficam com um contorno azul igual a imagem abaixo:

 

http://tinypic.com/r/2z90boh/6

 

Bem no CSS do Index está asism:

 

 

 

<style type="text/css">






body {
background-image: url(img/bg_principal.jpg);
background-color:#000;
background-position: center center; 
    background-repeat: no-repeat;
border:0px;


}td img {display: block;}td img {display: block;}td img {display: block;}
</style>

 

Alguem tem uma solução?

[Marcelo Garbin 30]

Tentou usar : border:none; ?

[Diéssica 140]

Utilize um reset CSS para zerar pelo menos margin, padding e border.

 

Mas para links:

 

a {
border:0;
}

[CrazyLOL 2]

Obrigado pelas colaborações, porém não adiantou continuo o tal do Contorno...

 

se quiserem ver melhor o site está www.npdcometa.com.br/encontro

[Marcelo Garbin 30]

Cara aqui ta normal... Tente limpar o cache do seu navegador ai =)

[André do Vale 76]

Obrigado pelas colaborações, porém não adiantou continuo o tal do Contorno...

 

se quiserem ver melhor o site está www.npdcometa.com.br/encontro

 

Testei o link, no IE7 ao IE9. Sem borda.

[Julio C. Milan 1]

O mais fácil seria "linkar" um documento css, para não precisar colocá-lo em todas as páginas.

 

Mas isso é a gosto do programador.

 

No seu css coloque regras para links, o text-decoration: none; deve resolver os problemas da borda com o link.

Para mais informações, visite o Site do Maujor.

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                                   REGRAS GERAIS PARA LINKS                                 */
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Lista de pseudo-classes para links */
a:link {
	color: blue; /* estilo do link no estado inicial */
	text-decoration: none;
}
a:visited {
	color: fuchsia; /* estilo do link visitado */
	text-decoration: none;
}
a:hover {
	color: red; /* estilo do link quando passa-se o mouse sobre ele */
	text-decoration: none;
}
a:active {
	color: green; /* estilo do link ativo (o que foi "clicado") */
	text-decoration: none;
} 
/* Fim da lista de pseudo-classes para links */

[romulorostand 0]

Amigo, coisas do IE. Demorei para resolver o mesmo problema.

 

Você tem que definir no HTML. Na tag de imagem defina (border="none" .)

Resolve em definitivo.

 

EX:

 

<div id="cupom">
<a href="space.html" title="Click aqui ">
<img src="images/imagem-cupom.gif" border="none" />
</a>
</div>

 

 

[Ronaldo Bueno 23]

Ou border=0