Nikki Foundation

Web design, usability and philosophy by Nikki Teepprasarn

How to get rid of it? Easy!

For the Flash:

object {outline:none;}

For links:

a {outline:none;}

There you have it :-)

P.S. The dotted outline is created to help those who cannot use a mouse to navigate, but keyboards. The outline is a visual indicator to navigate around. If you are working on a website that needs high accessibility, you might not want to hide the outline.

HTML Inline Style Hover

Sometimes we need to do an inline CSS for whatever reasons. Very quick easy way to create a hover effect:

<a onmouseover=”this.style.color=’#944e06′;” onmouseout=”this.style.color=’#cb6412′;” style=”color:#cb6412; text-decoration: underline;” href=”http://www.nikkifoundation.com/about”>Check it out.</a>

Additional styling:
this.style.fontWeight=’bold’
this.style.fontStyle=’italic’
this.style.background=’white’

Good Luck!