Pure CSS Dropdown menu

dorayme · Oct 22, 2006

It was recently brought to my attention that there is a
multi-level, "pure" CSS drop down menu system at

<http://www.grc.com/menu2/invitro.htm?>

I notice it has a doctype of

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Any reason it has to be this rather than 4.01 Strict? And
generally, what do you think of it?

It is not liked by Mac IE. And iCab hates it badly. Apart from
this, for most of my browsers it works well.

I am not intending to invite comment about the general wisdom of
dropdowns. More about the assessment of folk in its technical
efficacy.

David Dorward · Oct 22, 2006

dorayme said:
<http://www.grc.com/menu2/invitro.htm?>

Any reason it has to be this rather than 4.01 Strict?
No.

And generally, what do you think of it?

It suffers from the usual problems of demanding precision tracking with the
mouse (so good luck if any of your visitors have, for example, arthritis)
and dumps the entire menu structure into every page (bandwidth, fun to
scroll past if you don't have CSS).

patrick j · Oct 22, 2006

I am not intending to invite comment about the general wisdom of
dropdowns. More about the assessment of folk in its technical
efficacy.

You'd greatly enjoy chapter 6 of "More Eric Meyer on CSS". This chapter
is called: "CSS-Driven Drop Down Menus".

They'll work very nicely with straightforward HTML.

According to Eric Meyer you need to do something to get IE/Win to
operate them, but it's not a huge amount.

I'm leafing through the book now I don't know which versions of IE/Win
the author is writing about, but I'm sure it says somewhere.

dorayme · Oct 22, 2006

David Dorward said:
No.

Good.

It suffers from the usual problems of demanding precision tracking with the
mouse (so good luck if any of your visitors have, for example, arthritis)
and dumps the entire menu structure into every page (bandwidth, fun to
scroll past if you don't have CSS).

Good point. There is a site I made and manage (for disabled
carers) that this will be important to heed.

But there have been dropdowns that are very frisky and annoying
to me (I have no particular problems of coordination) and this
particular css one seemed to me so very calm and stable on my
machine.

I am flirting with the idea of dipping my toe in, having it for
just a home page and working as a non essential but perhaps
attractive bonus to give a more detailed overview of the site.
Had not dreamed (yet!) of it being on every page.

I was surprised it does not work in iCab or works so extremely
badly. As for Mac IE, as I said previously, but let me add the
site maker obviously did not test his main page in that browser
("why should he?" some will say!) Apart from the dropdown, the
text is way off screen to the right!

CSS menu	1	Jul 4, 2009
Help with CSS margin collapse	6	Aug 29, 2007
How to keep an a:hover effect with css like "onMouseOut()"?	2	Apr 4, 2013
Can't make table the size of the screen	12	Apr 29, 2010
asp.net dropdown using xsl output	8	Jan 18, 2010
stuck in simple css formatting	5	Oct 17, 2008
Really basic float right problem cross browser	11	Sep 23, 2009
Firefox displays too high table	15	Jul 27, 2007

Pure CSS Dropdown menu

dorayme

David Dorward

patrick j

dorayme

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads