6 replies [Last post]
F*SH
Offline
Regular
Last seen: 15 years 33 weeks ago
Joined: 2004-02-22
Posts: 36
Points: 0

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

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 8 years 16 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

[Resolved] Removing link borders

Show us your code.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 48 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

[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

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

F*SH
Offline
Regular
Last seen: 15 years 33 weeks ago
Joined: 2004-02-22
Posts: 36
Points: 0

[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!

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 48 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

[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(Drunk 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

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

melamina
Offline
newbie
Last seen: 14 years 38 weeks ago
Joined: 2008-05-15
Posts: 5
Points: 0

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.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 48 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

That appears to be an

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

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.