...

View Full Version : IE7 issue - menu choice stays highlighted when it should not



tonyg
02-27-2009, 01:37 PM
Hi,
I have a problem with IE (Firefox is not behaving this way). the site is
http://wwwstage.ultra-fei.com

If you go there, click on a top nav menu choice, then click on another top
level nav choice...then hit the back button. You should see both top level
nav choices highlighted. This does not happen if you repeat in Firefox and
does not seem to matter what menu choices you choose.

If you mouse over the choices, the ghost menu choices does not go away, but
if you right click on the page, the menu choice goes way......I am pulling my
hair out.....

If anyone could help or point me in the right direction, I would really
appreciate it.

also,
when i view source on the page, I see this

<li class="menuactive"><a class="menuactive"
href="http://wwwstage.ultra-fei.com/index.php?page=sales" >Sales</a>
</li>
<li><a
href="http://wwwstage.ultra-fei.com/index.php?page=support" >Support</a>
</li>

while both are showing highlighted (class=menuactive) only one actually is in the source

thanks

abduraooft
02-27-2009, 02:39 PM
If you go there, click on a top nav menu choice, then click on another top
level nav choice...then hit the back button. You should see both top level
nav choices highlighted. Are you talking about the dotted rectangle outline around those links?

tonyg
02-27-2009, 02:43 PM
hi,
thanks for responding. not the dotted line around the choice, the background image changes from all black to a graded gold. If you try that in ie7, you should see two choices at the same time highlighted.

that make sense?

abduraooft
02-27-2009, 02:54 PM
Um... I see it now. I'd recommend you to remove/comment the :hover properties from your li elements, and then depend only on the :hover properties of anchors. This way, you will be able to avoid all duplicate/unwanted rules from your CSS, and thus the bug tracking would be easier.

tonyg
02-27-2009, 03:01 PM
ok, i think i commented them all out, could you take another look. did not seem to make a difference for the issue.

thanks

Excavator
02-27-2009, 03:13 PM
Hello TonyG,
Have a look here http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwwwstage.ultra-fei.com%2Findex.php%3Fpage%3Dcontact-us-2

Doubt that's it, just looks like some things didn't quite get commented out.

tonyg
02-27-2009, 03:26 PM
ok, sorry about that. it now passes validation.

abduraooft
02-27-2009, 03:30 PM
Have a try by adding

#primary-nav a:link{
background:none;
} into your CSS.

tonyg
02-27-2009, 03:33 PM
humm, no love

tonyg
02-27-2009, 03:51 PM
hey, i just found this....is this my issue?

http://www.sitepoint.com/forums/showthread.php?t=584947

abduraooft
02-27-2009, 03:56 PM
hey, i just found this....is this my issue? No. Just try the following too.

#primary-nav a:link, #primary-nav a:visited{
background:none;
}

tonyg
02-27-2009, 03:59 PM
still no love

abduraooft
02-27-2009, 04:14 PM
How about

#primary-nav a:link, #primary-nav a:visited{
background-image: url(uploads/images/menuoff.jpg);
}
/* this turns on the background image for third-level items as well */
#primary-nav a:hover {
background-image: url(uploads/images/menuon.jpg);
color:white;
background-Repeat:no-repeat;
}
#primary-nav a:active{
background-image: url(uploads/images/menuoff.jpg);
}
#primary-nav a.menuactive{
background-image: url(uploads/images/menuon.jpg);
color:white;
background-Repeat:no-repeat;
}
?

tonyg
02-27-2009, 04:39 PM
wow, i think that worked....

being a newbie, i am not sure i understand what is going on, maybe you could explain


#primary-nav a:active{
background-image: url(uploads/images/menuoff.jpg);
}


this would seem to say that when the anchor is active, then the background image will be off.......but that is not what happens...right?

but in any case....i REALLY appreciate the help

thanks so much!!!!

tonyg
03-07-2009, 05:13 AM
hi,
I am not sure if you are still listening...but I just noticed another issue, teh fix seemed to make IE7 work, but now, IE6 is not right....any change you can take another look with ie6?

thanks



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum