Solved

Dashed border in IE

Posted on 2000-03-06
7
455 Views
Last Modified: 2012-08-13
How do I remove the dashed border of an anchor tag in IE.

<a href="xyz"><img src="xyz"></a>

When clicking on the image, IE will make a dashed border around the image. NS doesn't do this.

Regards
0
Comment
Question by:KE
7 Comments
 
LVL 6

Expert Comment

by:andreif
ID: 2588553
Is it possible? I think, that no... I know only about solid border around image, which can be deleted using <img src=... border=0> attribute.
0
 
LVL 3

Author Comment

by:KE
ID: 2589163
I was thinking on some of the style properties. I hope it's possible - the reloading trick is kind of overkill...

Regards
0
 
LVL 8

Expert Comment

by:jbirk
ID: 2590323
That border thing is one of my major dislikes of IE...  why did they ever put that "feature" in in the first place?

Sorry, I don't know of any way to get rid of it nicely...

-Josh
0
PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

 
LVL 1

Expert Comment

by:drom
ID: 2590847
Remove the focus from image is the only way, AFAIK. So it will require script work on onClick or onFocus (whatever you and DOM like more)

Regards, Dmitry

focus border disappears after mouse release:
<a onClick="blur();" href="xyz"><img src="xyz"></a>

focus border will not appear at all:
<a onFocus="blur();" href="xyz"><img src="xyz"></a>
0
 
LVL 3

Author Comment

by:KE
ID: 2591199
I've tryed your solution, but unfortunately it has some nasty sideeffects.

1. The browser window will loose it's focus and will be covered by all other opened applications.

2. It's also hard to get the browser to follow a link, since the focus is removed before it get's a chance continue (this actually stall's the link).

It seems that the blur() function only operates on Form controls and the window itself. Do you have another suggestion, than blur() ?

Regards
0
 
LVL 1

Accepted Solution

by:
drom earned 50 total points
ID: 2591308
sure, the only thing you need is make the focus out of your images: use

<a onClick="window.focus();" href="xyz"><img src="xyz"></a>

instead of blur(); ... but would you mind to say what IE/OS are you using? I can't repeat this problem you mentioned. Both of them :(
0
 
LVL 3

Author Comment

by:KE
ID: 2593899
That's it !

I'm using IE5 on NT4 SP5.

Regards
0

Featured Post

Netscaler Common Configuration How To guides

If you use NetScaler you will want to see these guides. The NetScaler How To Guides show administrators how to get NetScaler up and configured by providing instructions for common scenarios and some not so common ones.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

810 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question