Problemas com border-bottom

[usdreba 0]

Olá pessoal, sou novato no fórum e não encontrei nenhum tópico a respeito disso, mas espero não estar perguntando sobre algo já discutido.

 

Eu setei um border-bottom para os links, de modo que ficasse uma barrinha de cor diferente da fonte, com esse código:

a {	text-decoration: none; 	border-bottom: 1px solid #97CF54;}

Porém, eu não quero que esse border-bottom apareça nos links que sejam imagens, que devem aparecer sem borda alguma. Já tentei isso, mas sem resultado:

img {	border: 0;}a img {	border: 0;}

Além de tentar "img a", acima e abaixo da definição do a, de tudo quanto foi jeito, e a bordinha continua lá.

 

Alguém tem alguma idéia de como resolver isso?

[André do Vale 76]

img a {	border: none;}

Declare isto após a formatação de "a".

 

 

[]s

[usdreba 0]

eu já havia testado com "none" no lugar de 0 também, com os mesmos resultados.

[Paulo de Tarso F. M. 24]

img a {	border: none;}

Declare isto após a formatação de "a".

 

 

[]s

Alkaeda, na verdade é ao contrário: a imagem é um link, portanto, para que a imagem seja tranformada em um link, ela deve estar dentro de um <a>, logo, a seqüência correta seria:

a img {	border: none;}

Dessa forma, ele vai aplicar a borda "zerada" somente às imagens que estiverem dentro do link... Os textos não vão receber essa formatação, mantendo dessa forma a borda definida anteriormente para o a...

 

Ok?

[André do Vale 76]

Ok... :D[]s

[usdreba 0]

então pessoal, mais idéias? ainda não consegui resolver

[Giovani 104]

usdreba, quando for postar um tópico, de preferência, deixe um link com o seu site. Dessa maneira fica muito mais fácil, e rápido, de ajudar.

 

Em relação ao seu problema, limpe o cache o seu navegador, quem sabe você já tenha até resolvido o seu probelam.

 

Att,

Giovani

[usdreba 0]

ok, no caso eu estava rodando o site em um servidor na minha própria máquina, mas coloquei o essencial do problema nesse link:

http://www.cesrei.com.br/problema/problema.html

 

também tentei limpar o cache dos navegadores (FF 2.0.0.6, IE 6 e IE 7), mas o problema persiste

[usdreba 0]

Conversando com um amigo, vimos que a borda, no caso, não está aplicada na <img>, mas sim no <a>. Ou seja, o que eu estava querendo era fazer duas definições diferentes para o mesmo elemento, o que realmente não dá pra fazer (pelo menos eu não sei como fazer hehe).O jeito vai ser fazer uma classe sem bordas, e sempre que um link for com imagem, colocar essa classe no elemento <a>. Mas isso eu estava querendo evitar fortemente. É a vida né hehe

[vitor_prado 0]

Ola uscreba, costumo fazer esta declaração no início de minhas folhas:

* {	margin:0;	padding:0;	border:0;	font-family:"Trebuchet MS";	list-style:none;	text-decoration:none;	font-weight:normal;	outline:0; }

Sendo assim, não preciso me preocupar com h1, h2 p e afins.

 

Se caso preciso de margins ou undelines ou mesmo bordas eu as declaro especificamente.

 

Abraços...