[Resolvido] Retirar quadrado em volta da foto

[felipebmfaria 1]

Bom dia!

 

Toda vez que uso ahref em alguma foto fica um quadrado em volta da imagem... no IE 6 e 7 fica um quadrado roxo e no FF fica um quadrado branco...

 

como posso retirar isso?

 

meu codigo:

 

css

a.imagem:link {
	text-decoration: none;
}
a.imagem:visited {
	text-decoration: none;
}
a.imagem:hover {
	text-decoration:none;
}
a.imagem:active {
				text-decoration:none;
}

html

<a href="detalhar.php" title="criminologia integrada" class="imagem"><img src="imagens/disciplinas/foto_bibliografia.jpg" /></a>

 

já tentei sem utilizar a classe tambem...

 

Grato desde já.

[John McLane 0]

Tenta

a.imagem img{
	border : 0;
}

Apesar de que, dependendo do que voce esta fazendo, talvez essa classe "imagem" seja desnecessaria

[felipebmfaria 1]

Não deu certo... o quadrado continua...

 

Criei a classe apenas para tentar retirar este quadrado... o que mais posso fazer?

 

Grato.

[Felippe.88 0]

Tem certeza que não funcionou, amigo ??

 

Vou tentar escrevr aqui um exemplo, tente adaptar depois mas não irá fugir muito do auxiílio prestado pelo nosso

amigo McLane.

 

.sua_classe img
{
	border:hidden;
}

.sua_classe a
{
				 text-decoration: none;
}

.sua_classe a:hover
{
				 text-decoration: none;
}

Agora estoumeio enrolado, porisso não testei..

mas tem cara de que funciona sim ...

 

Abraço;

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Giovani 104]

a img{
	border : none;
}

Caso tenha mais dúvidas, por favor, pesquise aqui no fórum, existem várias dúvidas iguais a sua.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Felippe.88 0]

Verdade ... border:none

 

Iria funcionar o hidden, Giovani ??!

 

Abraço..

[felipebmfaria 1]

Assim deu certo no FF, mas no IE continua com o quadrado roxo em volta...

 

css

a.imagem img { border:hidden; }
a.imagem:link { text-decoration: none; }
a.imagem:visited { text-decoration: none; border:0; }
a.imagem:hover { text-decoration:none; border:0; }
a.imagem:active { text-decoration:none; border:0; }

html

<a href="" title="criminologia integrada" class="imagem"><img src="imagens/disciplinas/foto_bibliografia.jpg" /></a>

[felipebmfaria 1]

Parece mais um bug do Internet explorer, alguem sabe de um hack p este bug?

 

Grato.

[William Bruno 1501]

Não é um bug.

a img { border: none; }
a.imagem { text-decoration: none; }

Coloque apenas isso. Limpe os arquivos temporários.

E diga se deu certo.

[felipebmfaria 1]

[Resolvido]

 

Problema solucionado... apaguei os temporarios e usei este codigo...

 

a img { border: none; }
a.imagem { text-decoration: none; }

uouuuuu!!!!

 

vlw.

 

obrigado.

 

abçs.

[Thiago José Lucas 0]

você tará que colocar o atributo "border='0'

assim:

 

 

<a href="detalhar.php" title="criminologia integrada" class="imagem"><img border='0' src="imagens/disciplinas/foto_bibliografia.jpg" /></a>