Jump to content


Photo

Fundo Bugado Para Imagens Linkadas, Me Ajudem!


  • Faça o login para participar
4 replies to this topic

#1 carlosware

carlosware

    12 Horas

  • Usuários
  • 263 posts
  • Sexo:Não informado

Posted 26/07/2009, 01:31

estou com um problema aqui...
sempre que eu determino que no a:hover o fundo do link mudará, as imagens que tem links também ficam com fundo, mas com erro, vejam a imagem abaixo:


Posted Image

Explicando melhor. Eu fiz o CSS assim:

a{color:#333; text-decoration:none}
a:hover{color:#fff; background:#0099cc}

Isso fará que quando eu passar o mouse sobre qualquer link, o fundo deste link mudará para a cor correspondente no css.
Pois bem, o problema ocorre quando eu uso imagens linkadas, ex:

<a href="#"><img src="..." alt=""/></a>

ao passar o mouse sobre a imagem ela fica com o fundo "bugado" [vide imagem acima].
Gostaria de saber como tirar este fundo!!!
Quinta Categoria - Visite meu blog! http://www.quintacategoria.com.br

www.CarlosHenriqueWD.net - Serviços de webdesign para blogs e sites. Construção de temas personalizados para Wordpress. Além de sites dinâmicos e básicos.
Fórum WMO - Equipe de Diversos - Moderador

#2 Van Moorsel Neto

Van Moorsel Neto

    Novato no fórum

  • Usuários
  • 12 posts
  • Sexo:Não informado

Posted 26/07/2009, 13:54

Boa tarde Carlos!

Amigo, pelo que eu vi é um problema fácil de ser solucionado.
Tente primeiramente criar uma class para colocar nos links, pois como tu estas determinando a regra para todos os links, isso acontecerá conseqüentemente em todos.

Então tente criar uma class contendo as regras que tu queres que os links tenham, mas só coloque essa class nos links que tu queira que tenham este efeito.

Espero ter ajudado, e me desculpe se eu não consegui compreender a tua dúvida.

Abraços! ^_^

#3 carlosware

carlosware

    12 Horas

  • Usuários
  • 263 posts
  • Sexo:Não informado

Posted 26/07/2009, 23:40

Aí é que está. Eu atribui as definições no "a" e no "a:hover" justamente para que TODOS os links de texto ficassem desta maneira. É para um blog, já pensou eu ter que aplicar uma classe para cada link que eu fizer?

Infelizmente o efeito também é aplicado nas tags img com links, já tentei colocar algo como "img{background:none !important}" , mas não vai não. =/
Quinta Categoria - Visite meu blog! http://www.quintacategoria.com.br

www.CarlosHenriqueWD.net - Serviços de webdesign para blogs e sites. Construção de temas personalizados para Wordpress. Além de sites dinâmicos e básicos.
Fórum WMO - Equipe de Diversos - Moderador

#4 DeeK

DeeK

    Normal

  • Usuários
  • 63 posts
  • Sexo:Masculino

Posted 27/07/2009, 11:20

Cria uma Div e coloca imagem dentro
Dae vc declara no CSS

[codebox]
div{ background-color:#FFF; width: --; height: --; }
[/codebox]

Edição feita por: DeeK, 27/07/2009, 11:20.


#5 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 27/07/2009, 13:05

Carlos, provavelmente a parte de textos do seu blog deve estar em volto por uma div... exemplo


<div>
   sadsadlçsadslkadlskadlçksd para papapa...
</div>

então, atribua uma classe para essa div...

<div class="myDivTxt">
   sadsadlçsads<a href="">lka</a>dlskadlçksd para papapa...
</div>

e no css atribua:

.myDivTxt a{}
.myDivTxt a:hover{}

para as imagens, coloque uma classe, não é uma coisa que você vai colocar tantas vezes como um link:
HTML
<div class="myDivTxt">
   sadsadlçsads<a href="" class="img"><img src="" /></a>dlskadlçksd para papapa...
</div>

CSS
.myDivTxt a.img{ background-color: none; }
.myDivTxt a.img:hover{ background-color: none; }
abraços.

Edição feita por: Édipo Costa Rebouças, 27/07/2009, 13:07.





1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq