Solved

hover link working in IE7&8 not in other browsers

Posted on 2011-09-15
11
319 Views
Last Modified: 2012-05-12
For the css hover link, the Governor and Director names on the header IE7 and IE8 work fine, however, it won't work in:  Safari, Firefox, Chrome, and Opera.

http://insurance.illinois.gov/newdefault3/newdefaultflat3.asp
0
Comment
Question by:smitty62
  • 5
  • 4
  • 2
11 Comments
 
LVL 40

Expert Comment

by:gurvinder372
ID: 36544727
i can see some activities happening on hover for firefox also,
Which link hover are you talking about?
0
 

Author Comment

by:smitty62
ID: 36544735
Pat Quinn, Governor          Jack Messmore, Acting Director
0
 
LVL 40

Expert Comment

by:gurvinder372
ID: 36544803
but where have you given the :hover styles for links under?

#GovDirLinks ul li a: hover
{
}
0
 

Author Comment

by:smitty62
ID: 36544864

#GovDirLinks a:hover{
      font-weight:bold;
      font-size:small;
      color:#FF0;
}

I inserted:  /* Header name links */  into the css so that you can find it easier.  Not only does it not change color, but the mouse pointer is not turning into a hand.

http://insurance.illinois.gov/newdefault3/newdefaultflat3.asp
0
 
LVL 40

Expert Comment

by:gurvinder372
ID: 36544877
So, is the issue resolved now? Is anything pending?
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 

Author Comment

by:smitty62
ID: 36544907
It works in IE, but it won't work in Safari, Chrome, Firefox, or Opera.  What is stopping the other browsers from not seeing the <a href> link, and not changing color?
0
 
LVL 40

Expert Comment

by:gurvinder372
ID: 36544918
can you update the css to add the :hover style for them, so that i can check it here?
0
 

Author Comment

by:smitty62
ID: 36544960
I moved it out of the CSS include and put in the <style> tags in the <head> section
0
 
LVL 25

Accepted Solution

by:
Kyle Hamilton earned 500 total points
ID: 36546355
The div.menu-area is covering up the links. Try this:

 
.menu_area {
display: none;
position: absolute;
width: 900px;
height: 180px;
right: 0px; 
padding:0; /* remove the padding at the top */
overflow: visible;
top: 90px; /* and position 90px down form the top instead */
}

Open in new window

0
 

Author Closing Comment

by:smitty62
ID: 36548917
Thank you kozaiwaniec.  That worked.
0
 
LVL 25

Expert Comment

by:Kyle Hamilton
ID: 36548952
:)
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Full Screen problem when auto scale IFRAME 2 65
Change text to radio button and calendar form 2 34
Error in script 11 47
Safari On Gmail only html 12 35
So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

920 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

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now