Duvida!

[lucasw´p]

Olá galera, bem no meu site tem o codigos de decoraçao para links (<a>) em css, mas agora eu coloquei link em imagens e as imagens tambem ficaram decoradas, eu queria saber como eu tiro isso apenas das imagens com link.

Editado Novembro 7, 2007 por lucasw´p

[web diackne]

coloca o código

[lucasw´p]

eu tenho o seguinte codigo em todas as minhas paginas:

/* Link */

a {

color: #000000;

text-decoration: none;

font-weight: bold;

}

/*link over */

a:hover {

color: #0000CC;

text-decoration: underline overline;

}

Mas agora eu coloquei um link em uma imagem e a imagem ficou toda decorada com underline e tal, mas eu só quero que links textos fiquem decorados, tem alguma class ou algo parecido que de para a imagem fica "linkada" e sem decoraçaõ?

[Guest --geleiaskt --]

/* Link Texto*/

.texto a {

color: #000000;

text-decoration: none;

font-weight: bold;

}

.texto a:hover {

color: #0000CC;

text-decoration: underline overline;

}

/* Demais Links*/

a {

color: #000000;

text-decoration: none;

font-weight: bold;

}

a:hover {

color: #0000CC;

text-decoration: underline overline;

}

Aí você utiliza assim nos textos:

<a href="pagina.html" class="texto">SEU TEXTO AQUI</a>

Espero ter ajudado. Abraço!

-----

www.agencia4design.com

[lucasw´p]

Deu um pouco certo, mas agora a imagem esta com borda azul em vez de preta!Então quem souber como deixar uma imagem linkada sem decoraçao nenhum, fala ae!

[web diackne]

border=0

<img src="imagem.gif" width="188" height="21" border="0"/>

Editado Novembro 8, 2007 por web diackne

[Geleiaskt]

É do mesmo jeito cara. O código que postei era só pra você ter uma idéia de como fazer. Como percebí que você ainda está comecando no CSS, vou colocar o código todo feito.

/* Link Texto*/

.texto a {

color: #000000;

text-decoration: none;

font-weight: bold;

}

.texto a:hover {

color: #0000CC;

text-decoration: underline overline;

}

/* Links para imagens*/

img {border:0;}

img a{border:0;}

img a:hover {border:0;}

Aí você utiliza assim nos textos:

<a href="pagina.html" class="texto">SEU TEXTO AQUI</a>

Pronto. Agora vai funcionar como você quer. Abraço!