I want an image to change when you place your cursor on it; however when I add the mouse over function, the image automatically links to "#" and I can't "unlink" it. Super annoying :( Why does it do that, and is there a way to counteract it? The page I'm building happens to be quite long, and when you click on the image it jumps back to the top - not so practical for the unsuspecting visitor.
When you add an event to an image the rigth way to translate this action to html is to enclose the image tag into an anchor tag so it is compatible with all browsers. In order to manage the event you have to add an attribute like "onclick", "onmouseover", etc... to the anchor tag but if you don't set its "href" property the W3C validator doesn't validate your page and in some browsers the anchor tag doesn't work.
There is a lot of research into the code generated by D.H.E. ;-)
Oooooooooooh. Alrighty then :) makes sense! Anyway, I put a little code in to keep the cursor default so people won't even know they can click on the images.
Why does it link to "#" when I add a mouse over?
Posted - 26 Mar 2009 : 01:34:04
