[Resolved] Removing link borders
Regular
Posted: Sat, 2005-11-19 22:36
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
Moderator
Posts: 6675
Joined: 2004-05-01
Location: Brisbane
[Resolved] Removing link borders
Posted: Sat, 2005-11-19 22:42
Show us your code.
How to get help
tags.
Post a link. If you can't post a link, post ALL your code, both HTML & CSS. No server-side code; just the code sent to the browser.
Use
My articles | CSS Reference
Moderator
Posts: 5848
Joined: 2004-06-25
Location: Dallas
[Resolved] Removing link borders
Posted: Sat, 2005-11-19 23:21
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
A pianist who has learned the wrong system of fingering cannot become a virtuoso until he has laboriously taught himself the proper method.
My site is slo-o-owly being reconstructed; visit anyway.
Regular
Posts: 36
Joined: 2004-02-22
[Resolved] Removing link borders
Posted: Sat, 2005-11-19 23:37
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!
Moderator
Posts: 5848
Joined: 2004-06-25
Location: Dallas
[Resolved] Removing link borders
Posted: Sun, 2005-11-20 08:02
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(s) 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
A pianist who has learned the wrong system of fingering cannot become a virtuoso until he has laboriously taught himself the proper method.
My site is slo-o-owly being reconstructed; visit anyway.
newbie
Posts: 5
Joined: 2008-05-15
The borders aren't removed in IE6
Posted: Fri, 2008-05-16 15:07
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
<style type="text/css">
#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;
}
</style>
<div id="tierra">
<p>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.</p>
<a href="mailto:contacto@ambientarse.com.ar"><img src="images/contactarse.png" height="16" width="83" /></a></div>
Moderator
Posts: 5848
Joined: 2004-06-25
Location: Dallas
That appears to be an
Posted: Fri, 2008-05-16 15:31
That appears to be an artefact of IE's png issues. Try using a non-png image.
cheers,
gary
A pianist who has learned the wrong system of fingering cannot become a virtuoso until he has laboriously taught himself the proper method.
My site is slo-o-owly being reconstructed; visit anyway.