Menu issues

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

  1. http://www.jonslaughter.com/Test.html

    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
    ul)


    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
    css)


    Thanks,
    Jon
     
    Jon Slaughter, Apr 14, 2007
    #1
    1. Advertising

  2. Jon Slaughter wrote:
    <snip>
    > 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.


    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!

    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
     
    Jonathan N. Little, Apr 14, 2007
    #2
    1. Advertising

  3. "Jonathan N. Little" <> wrote in message
    news:e61bd$46215750$40cba7cb$...
    > Jon Slaughter wrote:
    > <snip>
    >> 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.

    >
    > 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!
    >



    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
    #3
  4. Jon Slaughter

    Neredbojias Guest

    On Sat, 14 Apr 2007 19:08:12 GMT Jon Slaughter scribed:

    > 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 css)


    Without getting into the specifics, there are things called "conditional
    comments" which work great and would probably help you very much.

    --
    Neredbojias
    He who laughs last sounds like an idiot.
     
    Neredbojias, Apr 15, 2007
    #4
  5. "Neredbojias" <> wrote in message
    news:Xns9912EFBE0D986nanopandaneredbojias@208.49.80.251...
    > On Sat, 14 Apr 2007 19:08:12 GMT Jon Slaughter scribed:
    >
    >> 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 css)

    >
    > Without getting into the specifics, there are things called "conditional
    > comments" which work great and would probably help you very much.
    >


    Ok, thanks... I'll look it up and see what I can find.

    Jon
     
    Jon Slaughter, Apr 15, 2007
    #5
    1. Advertising

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

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Miguel Dias Moura
    Replies:
    3
    Views:
    4,394
    Bruno Sirianni
    Apr 3, 2004
  2. Vilmar
    Replies:
    0
    Views:
    501
    Vilmar
    May 27, 2004
  3. itzikkl
    Replies:
    0
    Views:
    5,841
    itzikkl
    Mar 27, 2005
  4. mike
    Replies:
    2
    Views:
    619
  5. Chris

    Menu Control Issues

    Chris, Jul 17, 2009, in forum: ASP .Net
    Replies:
    1
    Views:
    430
    Chris
    Jul 17, 2009
Loading...

Share This Page