Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

hover link working in IE7&8 not in other browsers

Posted on 2011-09-15
11
Medium Priority
?
354 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:Gurvinder Pal Singh
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:Gurvinder Pal Singh
ID: 36544803
but where have you given the :hover styles for links under?

#GovDirLinks ul li a: hover
{
}
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 

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:Gurvinder Pal Singh
ID: 36544877
So, is the issue resolved now? Is anything pending?
0
 

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:Gurvinder Pal Singh
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 2000 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

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
Suggested Courses

580 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