Posted by Beauregard T. Shagnasty on 01/19/06 23:25

Ed Dickerson wrote:

> I'm working on a website, using pure CSS popup menus. For some reason,
> the top item on each side sometimes won't stay on the screen when I
> move the cursor to the popup menu. Can anyone tell me why?

http://www.relationshipsrx.com (Please use the http:// too)

Your popup span only works when you *hover* the link. Once the mouse
leaves the hover area, the white box with the text will close, as
expected.

Heh, I thought you were trying to make the stuff in the white box a
submenu and .. thought I was supposed to click it. This is a Bad Idea™.

Coupla more tips:
* your flyups cover the "Relationships Rx". Odd placement to begin.
* don't change the size of the link text upon hover, it makes the whole
row jump.
* what is "Internet Explorer Menu" supposed to mean? I'm using Firefox.
* when I increase my text size, all your content falls out of its boxes.
Start using percentages for font sizes, ems for box sizes.
* drop Verdana and use: font-family: Helvetica, Arial, sans-serif;
Google for why. Oh heck:
http://www.xs4all.nl/~sbpoley/webmatters/verdana.html
* if you meant the popout thingies on the sidebars, well, they are
annoying. Visitors will poor motor control, or who use the keyboard
instead of the mouse are out of luck. Look into a:focus as well.

--
-bts
-Warning: I brake for lawn deer

[Back to original message]