Menu issues

Discussion in 'HTML' started by Jon Slaughter, Apr 14, 2007.


    I'm trying to finish up a last few bits on my site.

    Some issues hopefully some of you guys can help me with:

    I'm trying to get the menu working. (ignore colors and gibberish text as it
    iwll be changed) The problem is that in Firefox the second tier of the menu
    is displayed one line lower. This works in IE7. So I need to somehow
    relatively change the position of the second tier but still have it as a
    position fixed(I think). Maybe I can nest some divs or something?

    In both cases when the mouse moves off the link the second tier is removed.
    Obviously this is the correct behavior of the code but its not what I want
    to do. Is there a way to keep the second tier up? I'm thinking about adding
    a hover action to the second tier itself but not sure if that will work or
    if its the best way. (I'll try it and see). I know I can add the ability to
    click it and show the menu but I don't want that type of response.

    Another problem is that the seperator is showing through the second tier.
    Its kinda annoying but z-indexing doesn't seem to help(I guess because the
    its using the z-index of the navbar instead of the one I'm specifying at the

    There are some issues with IE6 that I would like to fix. The main things is
    that IE5-6 display the graphics but since there PNG it causes them problems.
    Is there any way to conditionally include html code that is browser
    dependent? It also needs to be done with the css hover code since IE5-6
    don't support it but do support the initial display:none; I would need to
    set it it to display:block; if these browsers are being used so they can
    atleast get the menu.

    Basically what I'm looking for is for *crappy* browsers to only display the
    nav bar without any css effects except font and color and the content
    page(purple). Everything else can be ignored because I will use php to load
    up stuff in the content page that will in general be relatively simple
    pages. (but I guess I'll still use css there too so I cannot ignore all the

    Jon Slaughter, Apr 14, 2007
    1. Advertisements

  2. Jon Slaughter wrote:
    That is not all, IE<=6 Will not show you fly-out menus as well don't you
    know... IE<=6 only supports :hover pseudo class on A elements. You need
    some javascript or alternate method for nearly 1/3 of your visitors!
    Jonathan N. Little, Apr 14, 2007
    1. Advertisements

  3. I'm not worried about that at the moment. I'll go back and try to make it
    work better for the crappy browsers once I get it working for the good ones.
    Jon Slaughter, Apr 14, 2007
  4. Jon Slaughter

    Neredbojias Guest

    Without getting into the specifics, there are things called "conditional
    comments" which work great and would probably help you very much.
    Neredbojias, Apr 15, 2007
  5. Ok, thanks... I'll look it up and see what I can find.

    Jon Slaughter, Apr 15, 2007
    1. Advertisements

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.