Solved

IE Hover bug. Fix without hash (pound sign) in href?

Posted on 2006-11-07
4
760 Views
Last Modified: 2008-02-01
IE only allows the hover property on anchor (<a href..>) tags.

The problem with the anchor tags is that they need a value in the "href" attribute.

Historically this is set to "#", which is essentially a "do nothing" link.

My problem is that the page jumps up as the user clicks on that link. I don't want that, as the link just activates an AJAX effect on the page.

I also tried setting the href to simply "javascript:;" to see if that would work, but nothing.

Any ideas for a solution to this?
0
Comment
Question by:renesisx
  • 2
  • 2
4 Comments
 
LVL 1

Author Comment

by:renesisx
ID: 17890831
Oh, and I also tried setting the onclick attribute to "javascript:return false;" which didn't help either.

Plus I tried an anchor tag that didn't have a href, but just an "id". The hover tag didn't work at all then.
0
 
LVL 33

Accepted Solution

by:
hongjun earned 500 total points
ID: 17890858
try this

<a href="#" onclick="return false;">LINK</a>
0
 
LVL 33

Expert Comment

by:hongjun
ID: 17890868
Put the return false on onclick event
0
 
LVL 1

Author Comment

by:renesisx
ID: 17891302
Damn, just needed me to remove the "javascript:" from the onclick.

Thanks :)
0

Featured Post

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …

820 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question