?
Solved

Mouseover links in Firefox vs IE

Posted on 2005-04-17
1
Medium Priority
?
278 Views
Last Modified: 2012-05-05
My sample page, http://www.collegeessaybootcamp.com/essay.html

displays exactly how I want it in Firefox, but in IE, when I mouse off the "over the lazy dogs" link, it stays red. How do I get it to behave like it does in Firefox?

My code follows:
.class1 a {COLOR:black; background:#FFFFCC; text-decoration: none}
.class1 a:visited {COLOR:black; background:#FFFFCC; text-decoration: none}
.class1 a:hover       {COLOR:black; background:#FFFF66; TEXT-DECORATION: none; font-weight:bold}

.class2 a {COLOR:black; text-decoration: none}
.class2 a:visited {COLOR:black;text-decoration: none}
.class2 a:hover {COLOR:black; background:white TEXT-DECORATION: none;}
0
Comment
Question by:phita
1 Comment
 
LVL 49

Accepted Solution

by:
Roonaan earned 500 total points
ID: 13801809
phita,

Possibly you have interfering css or javascript coding. When I create a document containing only the lines below, both Firefox and Internet Explorer behave as intended:

Code:
<style type="text/css">
.class1 a {COLOR:black; background:#FFFFCC; text-decoration: none}
.class1 a:visited {COLOR:black; background:#FFFFCC; text-decoration: none}
.class1 a:hover      {COLOR:black; background:#FFFF66; TEXT-DECORATION: none; font-weight:bold}

.class2 a {COLOR:black; text-decoration: none}
.class2 a:visited {COLOR:black;text-decoration: none}
.class2 a:hover {COLOR:black; background:white TEXT-DECORATION: none;}
</style>

<div class="class1">
<a href="#">test</a>
</div>

<div class="class2">
<a href="#">test</a>
</div>

Kind regards

-r-
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

807 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