PDA

Click to See Complete Forum and Search --> : Issue with mouseover under IE6

jmf314159
02-07-2005, 02:39 PM
Using CSS, I've imlemented a "mouseover" effect by modifying both box border and font color on hover/active. It works as expected under Firefox. Using IE6, however, the effect appears to work and I'm correctly linked to the appropriate file, but, on return, the text stays in the hover/active mode until the mouse is left-clicked somewhere else on the page. Any thoughts/work-arounds would be appreciated.
soccer362001
02-07-2005, 03:00 PM
Try making a.active{} the same as the a{}
jmf314159
02-07-2005, 03:24 PM
Originally posted by soccer362001
Try making a.active{} the same as the a{} Thanks, but that was the first thing that I tried. it just 'kills' the mouseover effect, i.e.; in both cases there is no change in display until a mouse-event is detected.
_Aerospace_Eng_
02-07-2005, 03:25 PM
can u post the code u are using along with the css
jmf314159
02-07-2005, 03:38 PM
In part ...



#col3 {
color : #e0eeee;
background-color : #2f4f4f;

float : left;
width : 80px;
padding : 2px;

margin : 0px 0px 10px 0px;
}

a.open:link {
text-decoration : none;
color : #eee8aa;
border : 2px outset #006400;
}

a.open:visited {
text-decoration : none;
color : #eee8aa;
border : 2px outset #006400;
}

a.open:hover {
text-decoration : none;
color : #ffff00;
border : 2px inset #006400;
}

a.open:active {
text-decoration : none;
color : #ffff00;
border : 2px inset #006400;
}



<div id="col3">
<a class="open" href="./css_t7/astro.htm">&nbsp; open &nbsp;</a><br />
<a class="open" href="./css_t7/astro.htm">&nbsp; open &nbsp;</a><br />
<br />
<br />
<br />
<a class="open" href="./notready.htm">&nbsp; open &nbsp;</a><br />
</div>


Again, this stuff seems to work exactly as expected with Firefox ...
heavenly_blue
02-08-2005, 11:55 AM
although this isn't related to your problem, you shouldn't use line breaks like that. to make something appear on the next line either use {display:block;} or put it in a block level element. to increase the space below an element (like using 3 or 4 consecutive <br /> tags) use {margin-bottom:3em;}. Also, there's no need to use a unit when it's 0 (like {margin:0 0 0 10px;}).


As for the problem, I copied the code and displayed it in IE 6. It worked ok for me, are you using this:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">


?