473,387 Members | 1,318 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,387 software developers and data experts.

Problem with a:hover + div onmouseover

Again I need your help.

This is the test page I am working on:
http://www.manfredkooistra.de/zeugs/test/test.php

Description:

The page shows a centered image and a navigation menue position:fixed
over it (position:absolute in IE 5 and 6). The menue consists of two
parts: an image and a header, both external links, in the upper div;
and a number of insite navigation links in the lower div. When you
load the page, the lower div is set to display:none. When you
onmouseover the navigation, it is set to display:block. Also you can
display:none the whole navigation or drag it across the window
wherever you want it. Try it.

The drag function is from developer.yahoo.com/yui - it works fine. My
problem is with the display:none/block toggle and the a:hover in the
lower div. I have tested this site on a Mac, and it works well in
Firefox and Opera. The problem becomes only visible in Safari and
Netscape.

Problem:

In Safari the links in the lower div don't change color on hover.
Since the link in the top div changes color, this must be related to
the onmouseover event. If I put onmouseover not only in the menue div
but in every a tag as well, the tags do change color on hover. Would
be an easy solution, but I would rather like to understand the
problem, because another problem persists in Netscape.

In Netscape 7 the lower div flickers, when you move the mouse from
inside the lower div (so that it is visible) over a link or away from
the link again: the onmouseover event is released for a splitsecond
and called again, while the background image becomes visible. Scale
the window so that the map lies behind the navigation menue to better
see this.

Sometimes in Netscape the lower div remains visible when you slowly
move the mouse off the menue area, instead of disappearing, as if
onmouseoff is not called.

Question:

I don't post the source code here, because I don't know if the rather
large YUI files are part of the problem. Please take a look at the
example page. I'd be very grateful, if anyone had an idea as to what
might be causing these problems.

And if anyone could look over the page in IE 5, 6 or 7 or Firefox on a
PC and let me know, if everything works as it should, that would be
helpful, too.

Feb 5 '07 #1
1 5182
Update: I have take out the drag function from the test page.

Feb 5 '07 #2

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: Bob P. | last post by:
Hi, basically what I'd like to do is suppress the action that causes the URL to show up in the browser status bar when I roll over a hyperlink. I know I could use the onmouseover event in each...
2
by: Elisa | last post by:
I have two images, each with defined CSS hover states. I would like a mouseover on one image to trigger the hover state of the other image. Is this possible using javascript? If so, how? Any...
4
by: andrew | last post by:
Hi, Let me know if I should ask this in a microsoft jscript group instead as the problem I'm witnessing only seems to appear in IE. Or if you can recommend another group if this is not an...
13
by: windandwaves | last post by:
Hi Folk Just a bit of help here for newbies who want their menus to look nicer. I am sure that many of you make menus like this <ul id="menu"> <li><a href="page1.html">option 1</a></li>...
5
by: garfy | last post by:
Hi i get this error in validation Line 22 column 6: document type does not allow element "title" here. <title>Seo Web Design Los Angeles - Web Design And Search Engine Optimization L ...
0
by: Jacob Donajkowski | last post by:
Once the user logs in I want to have the users switch from the Roster View to the Profile View and enter their profile infomation and save it. Then the next time they login and go to the Profile...
2
by: Paulson | last post by:
HI all I got a problem with my menu display.I am making a list as shown below in one of my aspx pages. And added a stylesheet in CSS for it. This is not working in IE but not in...
0
by: rahullko05 | last post by:
i have designed a menu list program in which i'm facing a problem where the last li item (white crappie) shifts down when i hover mouse pointer to just above li item (ozrack bazz) of white crappie...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.