HTML Aesthetics

[JackFlashRaD]

Hey guys,

Had a quick question, I'm creating a webpage in html. When I debugg the page and click on the links, there is a trace or box that outlines the link that is clicked. I believe this is due to the rollover effect that is being used? is there a way to get rid of this outline that shows up whenever a link is clicked? I am using dreamweaver.

[Benjamin]

Try this:

www.htmlgoodies.com/beyond/nodottedline.html (http://www.htmlgoodies.com/beyond/nodottedline.html)

http://www.jackfruitdesign.com/
Om Namah Shivaya

[Drawing a Blank]

Good link Benjamin I'm going to be using that a lot. Thanks!!


Must be a great religion you have if it is threatened by a bumpersticker

[mpjx]

[quote]Had a quick question, I'm creating a webpage in html. When I debugg the page and click on the links, there is a trace or box that outlines the link that is clicked. I believe this is due to the rollover effect that is being used? is there a way to get rid of this outline that shows up whenever a link is clicked? I am using dreamweaver. said...


The box outline is actually there for accessibility - it helps people with poor eyesight navigate easier.

I think they're ugly but I leave them because if it helps just one person then it's done it's job ...

[Ryan8720]

Also, if you navigate a page with the keyboard, the dotted line shows which link you are on. I don't recommend turning it off.

http://www.edgewebdesign.org/images/misc/ryan_shadowmetal.gif (http://www.edgewebdesign.org)

http://www.spreadfirefox.com/community/images/affiliates/Buttons/80x15/white_1.gif (http://www.spreadfirefox.com/?q=affiliates&id=30444&t=82')

[Benjamin]

As I understand it, these techniques don't turn it off, they just de-focus it, so the user would have to tab there again to hightlight it?
Anyway I think the link I posted might only work for IE.

http://www.jackfruitdesign.com/
Om Namah Shivaya

[Ulysses]

The blur technique works in Mozilla browsers too ... Firefox at least.

As to why you would want to remove the focus, I agree with the others, that it best to be left alone, for accessibility compliance. You could probably combine it with css' focus though, to change colour of your link when it is clicked or tabbed to, so as to retain some visible accessibility.