Stop blue border on kinks - See this site When the accordion menu is clicked I get an ugly blue border appear around the entire menu.

trixiemay · 18th January 2010, 01:31 AM

See this site

When the accordion menu is clicked I get an ugly blue border appear around the entire menu.

How do I get rid of this?

Also how can I 'hide' the fiber products under the main tab so they only appear once the 'Products' tab is clicked?

CloudedVision · 18th January 2010, 01:58 AM

I'd actually make your navigation items into links (Just point them to "#") and see if the blue border goes away.

As for the accordion menu issue, I'd ask that in the javascript forum, since javascript is being used to achieve that effect.

Frinkky · 18th January 2010, 04:22 PM

in FF the entire menu gets surrounded by a dotted line, similar to how it automatically adds that to normal links.

Try adding:

Code:

Accordion:focus, AccordionFocused:focus {
border:none;
}

OR it might require (can't recall of the top of my head):

Accordion:focus, AccordionFocused:focus {
outline:none;
}

I agree with CV that you'd probably be better off using normal links in an unordered list.

18th January 2010, 01:31 AM	#1
trixiemay Member Join Date: Jan 2009 Posts: 99 Thanks: 2 Thanked 0 Times in 0 Posts	Stop blue border on kinks See this site When the accordion menu is clicked I get an ugly blue border appear around the entire menu. How do I get rid of this? Also how can I 'hide' the fiber products under the main tab so they only appear once the 'Products' tab is clicked?

18th January 2010, 01:58 AM	#2
CloudedVision Join Date: Jan 2009 Location: Your Imagination Posts: 729 Blog Entries: 4 Thanks: 1 Thanked 27 Times in 26 Posts Expertise: PHP Experience: Professional	I'd actually make your navigation items into links (Just point them to "#") and see if the blue border goes away. As for the accordion menu issue, I'd ask that in the javascript forum, since javascript is being used to achieve that effect. __________________ Panthr - Web Design and Development

18th January 2010, 04:22 PM	#3
Frinkky Join Date: Dec 2008 Posts: 700 Thanks: 0 Thanked 37 Times in 37 Posts Expertise: Design & Graphics Experience: Professional	in FF the entire menu gets surrounded by a dotted line, similar to how it automatically adds that to normal links. Try adding: Code: Accordion:focus, AccordionFocused:focus { border:none; } OR it might require (can't recall of the top of my head): Accordion:focus, AccordionFocused:focus { outline:none; } I agree with CV that you'd probably be better off using normal links in an unordered list. __________________ Jon Warner Web Pro Cafe :: The PixelForge :: Follow my Twits (or something) :: LinkedIn

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode