Stylesheets - CSS Drop Down Menu Problem

Author

CSS Drop Down Menu Problem

Adrienne

2005-01-28, 7:42 pm

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
http://www.cavalcade-of-coding.info
Please respond to the group so others can share

Jim Moe

2005-01-28, 7:42 pm

Adrienne wrote:
> 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?
>
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)

Unknown User

2005-01-28, 7:42 pm

On Fri, 28 Jan 2005 01:02:03 GMT, Adrienne <arbpen2003@sbcglobal.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

Adrienne

2005-01-29, 11:20 pm

Gazing into my crystal ball I observed Jim Moe
<jmm-list.AXSPAMGN@sohnen-moe.com> writing in
news:xOqdncHpXYBXeGTcRVn-ig@giganews.com:

> Adrienne wrote:
> 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.
>

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
http://www.cavalcade-of-coding.info
Please respond to the group so others can share

Adrienne

2005-01-29, 11:20 pm

Gazing into my crystal ball I observed "Unknown User" <me@privacy.net>
writing in news:opsla7wuokr3xrds@cinza.mshome.net:

> On Fri, 28 Jan 2005 01:02:03 GMT, Adrienne <arbpen2003@sbcglobal.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.
>
>

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
http://www.cavalcade-of-coding.info
Please respond to the group so others can share

Alan J. Flavell

2005-01-29, 11:20 pm

On Sun, 30 Jan 2005, Adrienne wrote:

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

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.