how to remove dotted line from images on mouseover

Poster: dbonneville
Dated: Thursday June 1 2006 - 19:19:49 BST

On image buttons when I'm not using Milonic, I usually add

onfocus="this.blur()

How do I do that on Milonic? I'm getting those ugly dashed lines around active links.

Thanks,

Doug

Poster: Andy
Dated: Thursday June 8 2006 - 11:05:02 BST

Hi,

Do you have a URL that we can see?

It always helps for us to be able to see the problem first hand in order to provide a solution.

Regards,
Andy

Poster: dbonneville
Dated: Thursday June 8 2006 - 15:51:58 BST

http://www.artsretailer.com

Poster: Andy
Dated: Friday June 9 2006 - 5:16:57 BST

Hi,

To be honest I'm just not seeing a problem with the menu.

However, I am seeing a problem with the license of the menu. You are using the menu on http://www.artsretailer.com but the copy of the menu is licensed for http://65.198.78.44/drbailey/ - Completely different and therefore against Milonics terms and conditions

Poster: dbonneville
Dated: Friday June 9 2006 - 5:52:27 BST

I must have grabbed one wrong one. I do have a the artsretailer.com (202577) AND the drbailey (201383) license...I have 5-6 paid for now...best menu anywhere!

I just realized that I copied the code from one site folder to the next to give myself a head start and simply erased the copy I unzipped in directory. I may have done this elsewhere. Next time, I'll just copy the data .js file and not all 4 files like I did. I didn't realize the license was embeded like that.

Anyway, when you click on a link in Firefox (not IE, I just confirmed) you can see the dotted line around the image.

If you let go of the mouse button *outside* of the button you just pressed, the dotted line follows you from button to button as you move the mouse around.

This is FF Mac and PC, I just confirmed. IE and Safari don't do it...but the simple onBlur fix mentioned above would probablly fix it.

Doug

Poster: Andy
Dated: Friday June 9 2006 - 6:34:59 BST

Hmmm, this is just something that Firefox does when it highlights a clickable object.

Is this really a problem for you? It only seems to do it when the item is focused which by default, is not focused.

I'll take a closer look if it really is a major problem for you

Poster: dbonneville
Dated: Friday June 9 2006 - 15:12:24 BST

I've had 2 unrelated clients ask me about it recently, so I figured it was worth looking into. It is annoying, and fixable.

Look at http://revolutiongroup.com/

That is one client that asked me to get rid of the dotted lines, which I did. If you view the source and search for "blur" it will take you right to the example of how I fixed it.

It's not a deal breaker for sure, but would be nice to see it go away as Firefox gets more popular...

Doug

Poster: Ruth
Dated: Monday June 12 2006 - 17:43:30 BST

Hi,

I don't know a lot about functions, but the menu has off and onfunction options. I believe that onFocus is a function so I would think you could apply it in the menu.

Sorry I'm not more knowledgeable on the function, but as an example, the following is a function for getting a sound on mouseover



I put that at the top of the menu_data.js file, then in an item where I wanted the sound I put [for example]



When you mouseover that item the sucess wav plays. [for those wanting to mess with this it requires a dummy span on the page].


So, maybe you can figure out how to do that with the onFocus function to eliminate the IE selection rectangle from the mouseover

Ruth