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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Jan 2013
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    drop down menu and possible z index issue

    Hi all,

    New to the forums here so I'm looking forward to connecting and checking it out.

    I have an issue with a joomla site that I built using artisteer as my base template and then customizing it with html and css from there.

    Here is a preview link of the site I'm trying to complete the coding portion on:

    http://142.4.9.178/~s3networ/

    I'm viewing it on chrome Version 24.0.1312.56 on a mac. When I mouse over solutions, I can see the two drop down menu items. Yet when I attempt to move my mouse down to the "Hosting" menu item, the dropdown goes away. I thought it was the nivo slider at first that was the issue so I unpublished the slider, and it still was disappearing.

    Now, I did move the menu to a new location from where it was originally, and used divs around the menu to arrange it how I wanted it. I used the div you can in the source called <div id="menucontainer"></div> around it. When I remove that div, even though it messes up the layout, the drop down works and doesn't just disappear. When I move the menu up the page by reducing the padding top in the menucontainer style, it works.

    The issue seems to be the box/body styles that seems to be overlapping or layered on top of menu when it drops down below it. That's why I was thinking this is z index issue.

    Do you have any idea on what the issue might be from looking at the css/code and how I might correct it? It appears to be an issue in chrome, firefox and safari. I haven't tested IE yet, but I'm assuming it isn't working correctly there either. Thanks so much for your help in advance?

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,955
    Thanks
    9
    Thanked 726 Times in 720 Posts
    I'm not seeing the issue on FF or Chrome on W7 - are you still seeing the problem?
    Use the W3C HTML Validator and CSS Validator to check your code and Firebug to see what css is applied to an element
    Read Steve Krug's book Don't Make Me Think - essential reading on web usability
    I don't recommend much, but I do recommend Clook for UK web hosting


  •  

    Posting Permissions

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