WordPress.org

1. soup108
   Member
   Posted 1 year ago #

   this is probably a simple question, but it's driving me nuts.

   i am using the twentyten theme, with a child theme to customize it.

   whats bugging me is in the header menu - when you click one of the links - a dotted border shows up when the link is active. i've seen this on other sites using the new theme as well.

   i want to get rid of the border, and have only come across one site where that border doesnt show up.

   i know the CSS is the #access ID - and i see no place in the CSS file where a dotted border is called ( except on only the top or bottom of an element... ).

   http://www.route108.com is my site if you want to have a look. but pretty much any site running twentyten seems to have the same effect.

   i don't get the effect with the chrome browser - so maybe it's an IE8 thing. either way i'd just like some sort of answer. i've not noticed it on other sites (non-wordpress) with IE8.

2. ClaytonJames
   Member
   Posted 1 year ago #

   There are various css remedies available depending on what browser the symptom appears in.

   For IE8 issues you can try this:

   a:active {
   border:none;
   outline:none;
   }

3. soup108
   Member
   Posted 1 year ago #

   very good - thanks !

   outline:none;

   works for IE8 when added to the main link CSS. but not when added to the #access links CSS.

   thanks much !

   BTW - i didnt think to look for browser specific hacks. so thanks for putting that bug in my ear :)

   soup

4. ClaytonJames
   Member
   Posted 1 year ago #

   You're welcome.

Topic Closed

This topic has been closed to new replies.