By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
429,587 Members | 1,168 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 429,587 IT Pros & Developers. It's quick & easy.

CSS Drop Down Menu Problem

P: n/a
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
Jul 21 '05 #1
Share this Question
Share on Google+
6 Replies


P: n/a
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)
Jul 21 '05 #2

P: n/a
On Fri, 28 Jan 2005 01:02:03 GMT, Adrienne <ar********@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
Jul 21 '05 #3

P: n/a
Gazing into my crystal ball I observed Jim Moe
<jm***************@sohnen-moe.com> writing in
news:xO********************@giganews.com:
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.

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
Jul 21 '05 #4

P: n/a
Gazing into my crystal ball I observed "Unknown User" <me@privacy.net>
writing in news:op**************@cinza.mshome.net:
On Fri, 28 Jan 2005 01:02:03 GMT, Adrienne <ar********@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
Jul 21 '05 #5

P: n/a
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.
Jul 21 '05 #6

P: n/a
Gazing into my crystal ball I observed "Alan J. Flavell"
<fl*****@ph.gla.ac.uk> writing in news:Pine.LNX.4.61.0501300206200.25519
@ppepc56.ph.gla.ac.uk:
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.


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

This discussion thread is closed

Replies have been disabled for this discussion.