Issue with mouseover under IE6

liunx

Guest
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.Try making a.active{} the same as the a{}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.can u post the code u are using along with the cssIn 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=http://www.webdeveloper.com/forum/archive/index.php/"./css_t7/astro.htm"> open </a><br />
<a class="open" href=http://www.webdeveloper.com/forum/archive/index.php/"./css_t7/astro.htm"> open </a><br />
<br />
<br />
<br />
<a class="open" href=http://www.webdeveloper.com/forum/archive/index.php/"./notready.htm"> open </a><br />
</div>


Again, this stuff seems to work exactly as expected with Firefox ...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">


?
 
Back
Top