/    Sign up×
Community /Pin to ProfileBookmark

Removing horrid blue boxes in IE

Copy linkTweet thisAlerts:
Jul 03.2003

I posted in another forum but no-one seems to be able to help.

What I’m trying to find out is a way of removing horrid blue boxes when either a text or image link is clicked in IE.

Please note – it isn’t the rollover or underlining that I am referring to.

I know it can be done by using – onFocus=”if(this.blur)this.blur()
next to each link, but I wondered if it can be done to apply to links on the whole page rather than write it for every link.

If anyone can help I’d be eternally grateful!

to post a comment
HTML

9 Comments(s) ↴

Copy linkTweet thisAlerts:
@CharlesJul 03.2003 — [font=georgia]It's easily done, but keeping links from focusing is bad, very bad. It makes you page unusble for people who are trying to navigate the page without a mouse. And that might include someone who hasn't the use of his or her hands.[/font]
Copy linkTweet thisAlerts:
@qwakkersauthorJul 04.2003 — but that's the whole point - I'm trying to find an alternative!
Copy linkTweet thisAlerts:
@Aronya1Jul 04.2003 — OK... I'm lost. What blue boxes?
Copy linkTweet thisAlerts:
@QLevelClearanceJul 04.2003 — Are you talking about boxes around images that link to another page?

If so, try writing <img src="http://www.yoursite.com/yourpage.gif" border="0">

BORDER="0", being the key thing to add in there

Hope this is what you meant

Regards,

Q
Copy linkTweet thisAlerts:
@Khalid_AliJul 04.2003 — I "think" I know what he is talking about,

its the box that appears around an element contents when an onclick event is triggered,if you click on a link you will see a tiny box just around th text...I'd be surprised if there is a way in CSS to remove that...
Copy linkTweet thisAlerts:
@HesterJul 04.2003 — Yes it is the 'focus' area indicated by a dotted border. There is a way to remove it in CSS. But like Charles says, it is a [b]very bad idea[/b]. Try navigating a website with the TAB button and see how the dotted border is essential.
Copy linkTweet thisAlerts:
@qwakkersauthorJul 04.2003 — I understand what you're saying. but on Macromedia's website they have removed the blue boxes somehow - I looked at the source but can't figure out how. However, they have replaced the blue boxes with an accessibility link, by inserting a gif image - so the boxes are a pretty yellow colour that look much nicer on the site!

http://www.macromedia.com/

(I believe the blue boxes only appear in IE, it's dotted lines for Netscape)
Copy linkTweet thisAlerts:
@HesterJul 04.2003 — Hmm... in IE the links are highlighted in yellow (when using TA? but you cannot get to the links at the bottom!

In Mozilla 1.4, the tabs do nothing at the top, but cycle round the bottom links.

Text links are highlighted in blue with a dotted border in both browsers.
Copy linkTweet thisAlerts:
@Khalid_AliJul 04.2003 — [i]Originally posted by Hester [/i]

[B] There is a way to remove it in CSS. [/B][/QUOTE]

Mind sharing that way please????????
×

Success!

Help @qwakkers 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.29,
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,
)...