dotted lines around text and image links

disaster-master's picture

She has: 2,154 posts

Joined: May 2001

I remember seeing somewhere how to get rid of the little dotted lines that appear around your text links and images that are linked when you click on them.

Anybody know how to do this?

Busy's picture

He has: 6,151 posts

Joined: May 2001

dotted lines, you mean the little line that can be at the bottom right of links?

If so, just make your link on one line

click <- good


click
<- bad, will have line

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

No, she means the box of little dotted you get around linked images in IE when you click on them. As a NS user I guess you wouldn't be aware of this Smiling I don't understand why IE included this in the first place - it just looks ugly and it's not like the user needs to know the size of the image... maybe it's supposed to be a substitute for the active link property although that doesn't explain why they apply to text links too.

I know there's an extension for DW to get rid of them, but I don't know how to do it by hand... maybe try searching some script archives???

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

CSS does it. you'll have to check for any possible problems, but basically you set:

element {border: 1px black dotted;}

Where element is the thing you want to have the border on. I think there is an issue with this and Netscape 4.x, but I might be mistaking that for padding (I get them confused) or when they are both together for a form element. Something crashes Netscape (ha ha).

Smiling Suzanne

P.S. WHOOPS! lol... totally different question! IE leaves the "selection" on for users to know what they clicked. I have heard of a work around, but honestly, why bother?

disaster-master's picture

She has: 2,154 posts

Joined: May 2001

Yes Megan that is what I am talking about. You can see them here on this site when you click the post and reply buttons and also the text links.

I think that it will happen without any CSS too.

Guess I'll have to surf and search.

Busy, have you had your gallon of coffee today? Laughing out loud

Suzanne, you and I are gonna blow up TWF editing our posts at the same time. HAHA!!

mairving's picture

They have: 2,256 posts

Joined: Feb 2001

I am thinking that the onfocus="this.blur" event might work. I haven't tested it and it may not work. I don't know if it is really worth it that much trying to come up with a solution, IMO.

Mark Irving
I have a mind like a steel trap; it is rusty and illegal in 47 states

Busy's picture

He has: 6,151 posts

Joined: May 2001

I had a feeling it wouldnt be that simple, oh well I tried.

Quote: Busy, have you had your gallon of coffee today?Laughing out loud

Having my first cuppa now, maybe its not strong enough Smiling

*I dont like mornings, tell me why, I dont like mornings ...*

disaster-master's picture

She has: 2,154 posts

Joined: May 2001

Well, I guess ya'll are right about not worrying about it. It just really was bugging the crap out of me for some reason. I'll blame it on horomones. LOL

I don't like mornings either busy. I bite if bothered for the first hour after crawling out of the bed. GRRRRR!!!

mairving's picture

They have: 2,256 posts

Joined: Feb 2001

Busy, I think that you are about 15yrs/ahead or behind me. So when you are getting that first cup, I am loading my coffeepot for the next morning.

Busy's picture

He has: 6,151 posts

Joined: May 2001

15 yrs huh Laughing out loud

its ahead how many hours it is, NZ is the first country in the world to see the light of the new day.

useless information - I got to see the dotted thingy around a image - wooohoooo Laughing out loud

disaster-master's picture

She has: 2,154 posts

Joined: May 2001

Here ya go. Some dots around an image and a text link.


detox's picture

They have: 571 posts

Joined: Feb 2001

here is a tutorial off html goodies which discusses the way to get rid of it......

get rid off dotted lines

They have: 7 posts

Joined: Nov 2001

If you're using Dreamweaver, there is a Dreamweaver extension available on Macromedia's site that gets rid of the borders around mapped links in IE. Go to http://www.macromedia.com/exchange/dreamweaver/
and and it is called "IE Link Scrubber Extension"

But, remember that the borders are there for a reason: they help people with disablities to know where the focus is when using the tab button to navigate hotspots (i.e people who don't use a mouse and are disabled need the borders for navigation)

disaster-master's picture

She has: 2,154 posts

Joined: May 2001

thanks for the links and info detox and htmler but i think i'll just leave the dots. having them their for the disabled is good enough reason to leave them.

taff's picture

They have: 956 posts

Joined: Jun 2001

ooh, ooh (hand in the air) I know this one!

add the following to your link tags:

onfocus="blur()"

much simpler than the htmlgoodies version.

They have: 29 posts

Joined: Feb 2002

awesome! thank you!

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.