Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Firefox vs Chrome display:block / display:none

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #41116
    alulaq2
    Participant

    I have a header menu system that shows/hides drop-down menu items using classical CSS2 syntax. In firefox it works fine, but in Chrome the dropdowns dont show properly. I am using a nested construction such as

    • top menu item
      • dropdown-menu item
      • next dropdown-menu item

    with CSS that’s set to display:block for the outer <ul> and display:none for the inner <ul>;
    then on hover over the outer <ul> the inner <ul> dynamically is set to display:block.

    CSS:

    .menu ul {display:block}
    .menu ul ul {display:none}
    .menu ul:hover ul {display:block}

    Why doesnt this work in Chrome?

    –PeterR
    This works for Firefox but not for Chrome?

    #116129
    alulaq2
    Participant

    Yes, works for Firefox but not for Chrome

    #116137
    Kitty Giraudel
    Participant

    By the way, what is <menu>?

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.