Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

hover link working in IE7&8 not in other browsers

Posted on 2011-09-15
11
Medium Priority
?
351 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 

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

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

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

This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

597 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