skip to content
Advertise here

Removing dotted 'active/focus' borders from inline links

20th February 2007

Gogh, Vincent (Willem) van (b. March 30, 1853, Zundert, Neth.--d. July 29, 1890, Auvers-sur-Oise, near Paris), generally considered the greatest Dutch painter and draughtsman after Rembrandt.

The Starry Night

With Cézanne and Gauguin the greatest of Post-Impressionist artists. He powerfully influenced the current of
Expressionism in modern art. His work, all of it produced during a period of only 10 years, hauntingly conveys through its striking colour, coarse brushwork, and contoured forms the anguish of a mental illness that eventually resulted in suicide. Among his masterpieces are numerous self-portraits and the well-known The Starry Night (1889).

This text is an excerpt from The WebMuseum, Paris

CSS play Support


CSS play Recommend

Free, practical CSS menus, layouts, and examples

Follow CSS play

Facebook  Twitter  Facebook Fan Page



Just CSS | Designs for the future

Like the CSS Zen Garden?
Then why not visit Just CSS and see it you can design for the future.




Information

A few months ago, someone asked me if it was possible to remove the active/focus borders from inline links and I said no. But having thought about this some more I have found a way in which it can be done.

Whilst I would not advocate removing all indication that a link has been selected, I would agree that it would be nice to add your own styled active/focus state.

The above text contains several inline links which are obvious by the fact that they are underlined. Hovering over the links will give a removal of the underline. Clicking a link will give a change of background color but no dotted border.

This also works in IE and Firefox if you 'tab' though the links.

26th February 2007

Updated to use the method put forward by Merri which uses no repeated text.




Copyright

You may use this method on your personal 'non-profit' web site without seeking my permission. A link back to CSSplay is always appreciated.

Commercial usage is also permitted without seeking approval, but I would ask that a donation is considered to support my work on CSSPlay.

If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.




  • Each week the Creare Group produce video tutorials for SEO and tips and tricks for the web design industry.
  • We offer nothing but the highest quality SEO, Social Media Optimisation And PPC services to businesses in London

 

CSS play Testimonial

"The citroen.co.uk web site uses
CSS play code for the site drop down menus.
This code works seamlessly in IE 6 & 7, and is an excellent solution to the Creative requirements of the site."

Damon Clark - Brandwidth