Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 15 of 15
  1. #1
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts

    IE7 issue - menu choice stays highlighted when it should not

    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
    Code:
    <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

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    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?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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?

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    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.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts
    ok, i think i commented them all out, could you take another look. did not seem to make a difference for the issue.

    thanks

  • #6
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,673
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello TonyG,
    Have a look here http://jigsaw.w3.org/css-validator/v...3Dcontact-us-2

    Doubt that's it, just looks like some things didn't quite get commented out.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #7
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts
    ok, sorry about that. it now passes validation.

  • #8
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    Have a try by adding
    Code:
    #primary-nav a:link{
    background:none;
    }
    into your CSS.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #9
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts
    humm, no love

  • #10
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts
    hey, i just found this....is this my issue?

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

  • #11
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    hey, i just found this....is this my issue?
    No. Just try the following too.
    Code:
    #primary-nav a:link, #primary-nav a:visited{
    background:none;
    }
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #12
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts
    still no love

  • #13
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    How about
    Code:
    #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;
    }
    ?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    tonyg (02-27-2009)

  • #14
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts
    wow, i think that worked....

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

    Code:
    #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!!!!

  • #15
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •