/    Sign up×
Community /Pin to ProfileBookmark

link border shows up in IE

Copy linkTweet thisAlerts:
Nov 30.2006

I’ve got some picture links that show the classic blue border in internet explorer, but not in other browsers, (firefox and safari) how can i get rid of this? right now, i’ve got something like:

a:link {
color: #FFFFE0;
}
a:visited {
color: #FFFFE0;
}
(because the background is #FFFFE0) any ideas?
i also tried setting border:0px, no help

to post a comment
CSS

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@wamboidNov 30.2006 — img {

border-style: none;

}

Put it in a class if you have other images that you want a border on, or just do the above for all images if you want no borders at all.
Copy linkTweet thisAlerts:
@amberfrancesauthorNov 30.2006 — :mad:

i added this (border-style: none? to the images individually AND generall as img {border-style: none;} and it did not work in IE. ? any other ideas are greatly appreciated. check out the problem in IE at Southpinecafe.com
Copy linkTweet thisAlerts:
@polorboyNov 30.2006 — could you post the code for the section that has the borders and the css code associated with it?

Actually, you have to have

a { border:none; }

in your css, that will set the border to none for all links. I am guessing that you don't want any borders for your links regardless if it is a img or not.
Copy linkTweet thisAlerts:
@amberfrancesauthorNov 30.2006 — for example, i've got the logo in the top left corner, it's a square picture and the link square shows around. here's the style for that logo:
[CODE]
#sign {
margin-top: -10px;
margin-left: 10px;
padding: 0px;
border-style: none;
}

#sign a:link {
color: #FFFFE0;
}
#sign a:visited {
color: #FFFFE0;
}
[/CODE]
Copy linkTweet thisAlerts:
@wamboidNov 30.2006 — you have border-style:none on the div, but not on the img within the div - big difference. Give the img an id or class with border-style:none or put it on all images like I showed earlier. I've never used a { border:none; }, but it would probably work too.
Copy linkTweet thisAlerts:
@amberfrancesauthorNov 30.2006 — okay golden child, this was the answer:

[CODE]
img {
border: none;
}
[CODE]
×

Success!

Help @amberfrances spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.7,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...