CSS Drop Down Menu Problem

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Adrienne

    CSS Drop Down Menu Problem

    http://www.intraproducts.com/beta/infinicall/index.asp has a drop down menu
    on Investor Relations. The markup and CSS are both valid, and most of the
    time, the menu drops down correctly. However, sometimes, mousing over the
    words does not make the menu drop down, or the drop down disappears.

    Can anyone spot anything in the markup or CSS that is causing this
    behavior?

    Thanks in advance.


    --
    Adrienne Boswell
    Arbpen Consulting will help you harness valuable insights and translate them into tangible results by merging data and strategy.

    Please respond to the group so others can share
  • Jim Moe

    #2
    Re: CSS Drop Down Menu Problem

    Adrienne wrote:[color=blue]
    > http://www.intraproducts.com/beta/infinicall/index.asp has a drop down menu
    > on Investor Relations. The markup and CSS are both valid, and most of the
    > time, the menu drops down correctly. However, sometimes, mousing over the
    > words does not make the menu drop down, or the drop down disappears.
    >
    > Can anyone spot anything in the markup or CSS that is causing this
    > behavior?
    >[/color]
    Mozilla v1.7.5.
    The dropdown did not fail at any time while testing it at the given
    body text size.
    Changing the text size to 120%, though, caused the erratic dropdown
    behavior you mentioned. Increasing further to 150% completely disabled the
    dropdown.
    I suspect it is the gap between the menu bar and dropdown that
    increases with text size. The larger it is, the less likely to get to the
    list.

    A couple of other comments:
    - Why does the line just above the menu bar change color on mouseover? It
    is a link that goes nowhere and is therefore useless and distracting.
    - The font is too small to read (11 px). The poor readability is
    aggravated by the low contrast, somewhat light text on somewhat dark
    background.
    - When the font display is increased to 150%, the page became unreadable
    for a different reason: the sections overlay each other. The backgrounds
    no longer line up.

    --
    jmm dash list (at) sohnen-moe (dot) com
    (Remove .AXSPAMGN for email)

    Comment

    • Unknown User

      #3
      Re: CSS Drop Down Menu Problem

      On Fri, 28 Jan 2005 01:02:03 GMT, Adrienne <arbpen2003@sbc global.net>
      wrote:


      Hi, overall font-size is too small. If you remove the line between the
      drop-down menu and the link above, it's going to work.


      --
      Using Opera's revolutionary e-mail client: http://www.opera.com/mail/
      Discover Opera: http://members.surfeu.fi/jerkku/
      http://www.auriance.com - http://www.auriance.net

      Comment

      • Adrienne

        #4
        Re: CSS Drop Down Menu Problem

        Gazing into my crystal ball I observed Jim Moe
        <jmm-list.AXSPAMGN@s ohnen-moe.com> writing in
        news:xOqdncHpXY BXeGTcRVn-ig@giganews.com :
        [color=blue]
        > Adrienne wrote:[color=green]
        >> http://www.intraproducts.com/beta/infinicall/index.asp has a drop down
        >> menu on Investor Relations. The markup and CSS are both valid, and
        >> most of the time, the menu drops down correctly. However, sometimes,
        >> mousing over the words does not make the menu drop down, or the drop
        >> down disappears.
        >>
        >> Can anyone spot anything in the markup or CSS that is causing this
        >> behavior?
        >>[/color]
        > Mozilla v1.7.5.
        > The dropdown did not fail at any time while testing it at the given
        > body text size.
        > Changing the text size to 120%, though, caused the erratic dropdown
        > behavior you mentioned. Increasing further to 150% completely disabled
        > the dropdown.
        > I suspect it is the gap between the menu bar and dropdown that
        > increases with text size. The larger it is, the less likely to get to
        > the list.
        >
        > A couple of other comments:
        > - Why does the line just above the menu bar change color on mouseover?
        > It is a link that goes nowhere and is therefore useless and
        > distracting. - The font is too small to read (11 px). The poor
        > readability is aggravated by the low contrast, somewhat light text on
        > somewhat dark background.
        > - When the font display is increased to 150%, the page became
        > unreadable for a different reason: the sections overlay each other. The
        > backgrounds no longer line up.
        >[/color]


        Thanks for taking a look. The font size is not my idea, and I can barely
        read it myself. Although I mentioned the benefits of 100% font size, the
        boss said that he wanted the small size in fixed pixels (horror!). He uses
        IE, and thinks that no one uses anything else, and he writes the check.


        --
        Adrienne Boswell
        Arbpen Consulting will help you harness valuable insights and translate them into tangible results by merging data and strategy.

        Please respond to the group so others can share

        Comment

        • Adrienne

          #5
          Re: CSS Drop Down Menu Problem

          Gazing into my crystal ball I observed "Unknown User" <me@privacy.net >
          writing in news:opsla7wuok r3xrds@cinza.ms home.net:
          [color=blue]
          > On Fri, 28 Jan 2005 01:02:03 GMT, Adrienne <arbpen2003@sbc global.net>
          > wrote:
          >
          >
          > Hi, overall font-size is too small. If you remove the line between the
          > drop-down menu and the link above, it's going to work.
          >
          >[/color]

          Thanks for taking a look. The font size isn't my idea, I advised against
          it, but, you can't fight City Hall.

          --
          Adrienne Boswell
          Arbpen Consulting will help you harness valuable insights and translate them into tangible results by merging data and strategy.

          Please respond to the group so others can share

          Comment

          • Alan J. Flavell

            #6
            Re: CSS Drop Down Menu Problem

            On Sun, 30 Jan 2005, Adrienne wrote:
            [color=blue]
            > Thanks for taking a look. The font size isn't my idea, I advised
            > against it, but, you can't fight City Hall.[/color]

            If they understand WWW design so much better than this group, why
            does anyone bother bother to ask our opinion?

            You can cite them when the court case comes up. They'll be able to
            explain how "font-size: 8px;" (for example) conforms with the WAI
            requirements, I'm sure.

            Comment

            • Adrienne

              #7
              Re: CSS Drop Down Menu Problem

              Gazing into my crystal ball I observed "Alan J. Flavell"
              <flavell@ph.gla .ac.uk> writing in news:Pine.LNX.4 .61.05013002062 00.25519
              @ppepc56.ph.gla .ac.uk:
              [color=blue]
              > On Sun, 30 Jan 2005, Adrienne wrote:
              >[color=green]
              >> Thanks for taking a look. The font size isn't my idea, I advised
              >> against it, but, you can't fight City Hall.[/color]
              >
              > If they understand WWW design so much better than this group, why
              > does anyone bother bother to ask our opinion?
              >
              > You can cite them when the court case comes up. They'll be able to
              > explain how "font-size: 8px;" (for example) conforms with the WAI
              > requirements, I'm sure.
              >[/color]

              Not to be argumentative, but the original post was an issue with a drop
              down menu. I did not seek any opinions about the font size, as already
              had advised the client of this foolhardiness. Perhaps I should have
              mentioned that in my original post. I was merely responding to the
              comments made, and I will be forwarding these discussions to my client.

              When I first mentioned WAI, I was told that the people who would be using
              the site would have great eye sight (with no colorblindness or other
              impairments), be using IE only (fully loaded of course), and be young and
              hip, so that conforming to WAI was not only not necessary, but frowned
              upon. I must say that I did win some battles, the battle of the pop up,
              the battle of flash only, the battle the slice and dice all graphics site
              (including text), the battle of target="_blank" . With fortitude, I'm
              sure I will persevere.

              --
              Adrienne Boswell
              Arbpen Consulting will help you harness valuable insights and translate them into tangible results by merging data and strategy.

              Please respond to the group so others can share

              Comment

              Working...