Hello
I thought this wouldn't be an issue - but I can't seem to remove that border around an image that is also a hyperlink. I tried setting the CSS for the A element with border: none; but that had no effect. How do I get rid of this thing?
Cheers
[Resolved] Removing link borders
Show us your code.
[Resolved] Removing link borders
As Tyssen sz, you should always show us the affected code.
The usual cure is a img {border: 0 none;}
Have you done that?
cheers,
gary
[Resolved] Removing link borders
Seems to work. Didn't think it could be an image property, I was trying to set the link's border.. strange that.
I would normally provide the code but in this case I considered the problem sufficiantly basic to not warrant it. Thanks a load!
[Resolved] Removing link borders
One of the reasons for a look-see at the code is that you could have had (seemingly unrelated) style rules that cascaded down to the image( in question. It's not an uncommon issue with css.
Especially, as you're an unknown quantity here, we don't know how broad your knowledge base is.
cheers,
gary
The borders aren't removed in IE6
Hello,
I'm having the same problem. The code a img{border:0 none;}
works well in Firefox and Safari but not in IE6.
This is the web with the problem http://www.ambientarse.com.ar/
and the code I'm using for the part of the contact link (maybe the problem could be I'm using the png hack (iepngfix.htc) for IE6 but I really don't know):
Thanks
#tierra a{
display:block;
position:relative;
left: 240px;
top:108px;
width:83px;
text-decoration:none;
color:#e0e3e4;
font-size:130%;
}
#tierra a img{
border:0 none;
}
Somos un grupo en plena formación, con el objetivo principal de desarrollar y promover el concepto de sustentabilidad tanto a nivel de la sociedad, como de la industria y las empresas, mediante la internalización del concepto de las 4Rs: Reducir, Reutilizar, Reciclar y Recuperar.

That appears to be an
That appears to be an artefact of IE's png issues. Try using a non-png image.
cheers,
gary