Hi everyone

 

I'm currently building a website for a friend and have used a spry accordian within dreamweaver and all I've done was inserted pictures into the tab headings.

 

I have been through all the CSS and can't find for the life of me how to get rid of the border that is showing in a browser when you click on a tab but goes when you click else where on the page? in FF it is showing up as a black dotted border and in IE it's is showing up as a white dotted border?

 

I have included some pics to show what I mean and hopefully I can get rid of this feature :S

 

cheers in advance

Hey,

 

I believe it is the active state of the mouse. meaning when you hold your mouse on any links.

 

in css it is #example a:active { }

 

you can try to make it - padding: 0px 0px 0px 0px; or text-decoration: none (text only) or border:none (for images)

 

Let me know,

I think you are referring to the dotted border which appears when the link is active which is called outline.

http://css-tricks.com/removing-the-dotted-outline/

 

Firefox shows a dotted outline around links normally and many website designers dislike this function. It can be cancelled by adding outline: none; to all anchor states including a:focus. The dotted outline is provided for accessibility purposes so you should not remove it unless you have coded a:focus with a different style, color or background color as an alternative. IE5 to IE7 do not support the outline property so you cannot use it to delete the outline in IE5 to IE7 as shown here:-

http://reference.sitepoint.com/css/outline

IE8 does support outline.