Drop down menu compatibility

Requisites

1. Horizontal drop-down multi-level menus
2. No javascript
3. Employ position:fixed for menus
4. Works with IE6, IE6- would be nice but not needed

Any thoughts?

what I'm doing for can be seen at the URL in my sig. It works unless
javascript is turned off in IE6-

--
Ed Mullen
http://edmullen.net
http://mozilla.edmullen.net
http://abington.edmullen.net
Better living through denial.

"Ed Mullen" <ed (AT) edmullen (DOT) net> wrote

Requisites

1. Horizontal drop-down multi-level menus
2. No javascript
3. Employ position:fixed for menus
4. Works with IE6, IE6- would be nice but not needed

Any thoughts?

what I'm doing for can be seen at the URL in my sig. It works unless
javascript is turned off in IE6-

I've got one of those.

It does assume that you break the rules a bit for IE <= 6 though. Simply put
your drop down list inside the top level <a>. Illegal HTML but it is only
served to IE <= 6 and it works. Conditional comments are used to serve up
the invalid HTML to IE <= 6 and valid stuff to everybody else, including the
validator.

It does not use position: fixed, so the menus scale to browser width
(including wrapping of the top level menu bar). and font size.

I'll dig it up.

--
Richard.

"Ed Mullen" <ed (AT) edmullen (DOT) net> wrote

Requisites

1. Horizontal drop-down multi-level menus
2. No javascript
3. Employ position:fixed for menus
4. Works with IE6, IE6- would be nice but not needed

Here you go:
http://barefile.com.au/cssmenu/

This is a basic example page that I used to build the menu and the CSS. It's
a bit smart in you can choose a "style" for the menu.

The basic functionality is in topmenu.css. The "style" stuff is in a second
..css file, based on the "style" chosen. View source will reveal all.

Note, this particular menu uses tables for the second level. I do this
because while using an unordered list does work in certain circumstances, it
does not for some of the more complex styling I sometimes use (the menu is
part of a proprietry CMS). In any case, to get it to work with IE <= 6
*requires* a table in there, even if it simply contains the unordered list.

Note also that this is only one level deep. However the concept is easily
expanded to multi levels. The positioning might get a bit complex.

--
Richard.

rf wrote:

"Ed Mullen" <ed (AT) edmullen (DOT) net> wrote in message
news:RfqdnZfANJASqtPanZ2dnUVZ_oytnZ2d (AT) comcast (DOT) com...
Requisites

1. Horizontal drop-down multi-level menus
2. No javascript
3. Employ position:fixed for menus
4. Works with IE6, IE6- would be nice but not needed


Here you go:
http://barefile.com.au/cssmenu/

This is a basic example page that I used to build the menu and the CSS. It's
a bit smart in you can choose a "style" for the menu.

The basic functionality is in topmenu.css. The "style" stuff is in a second
.css file, based on the "style" chosen. View source will reveal all.

Note, this particular menu uses tables for the second level. I do this
because while using an unordered list does work in certain circumstances, it
does not for some of the more complex styling I sometimes use (the menu is
part of a proprietry CMS). In any case, to get it to work with IE <= 6
*requires* a table in there, even if it simply contains the unordered list.

Note also that this is only one level deep. However the concept is easily
expanded to multi levels. The positioning might get a bit complex.

Thanks, Richard. I'll have a look later this evening.

--
Ed Mullen
http://edmullen.net
http://mozilla.edmullen.net
http://abington.edmullen.net
Hard work pays off in the future. Laziness pays off now.

Wed, 28 Nov 2007 22:52:46 -0500 from Ed Mullen <ed (AT) edmullen (DOT) net>:

Requisites

1. Horizontal drop-down multi-level menus
2. No javascript
3. Employ position:fixed for menus
4. Works with IE6, IE6- would be nice but not needed

Any thoughts?

http://www.cssplay.co.uk/menus/simple_vertical.html

For more, look at "Menus - Multi-Level CSS Only" at
http://www.cssplay.co.uk/menus/

--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2.1 spec: http://www.w3.org/TR/CSS21/
validator: http://jigsaw.w3.org/css-validator/
Why We Won't Help You:
http://diveintomark.org/archives/200..._wont_help_you

Stan Brown wrote:

Wed, 28 Nov 2007 22:52:46 -0500 from Ed Mullen <ed (AT) edmullen (DOT) net>:
Requisites

1. Horizontal drop-down multi-level menus
2. No javascript
3. Employ position:fixed for menus
4. Works with IE6, IE6- would be nice but not needed

Any thoughts?

http://www.cssplay.co.uk/menus/simple_vertical.html

For more, look at "Menus - Multi-Level CSS Only" at
http://www.cssplay.co.uk/menus/

Thanks, Stan. I'm studying this right now.

--
Ed Mullen
http://edmullen.net
http://mozilla.edmullen.net
http://abington.edmullen.net
One tequila, two tequila, three tequila, floor.

Sat, 01 Dec 2007 15:29:28 -0500 from Ed Mullen <ed (AT) edmullen (DOT) net>:

Stan Brown wrote:
http://www.cssplay.co.uk/menus/simple_vertical.html

For more, look at "Menus - Multi-Level CSS Only" at
http://www.cssplay.co.uk/menus/

Thanks, Stan. I'm studying this right now.

I've had that link on my desktop or a couple of months, intending to
adapt it (with permission) for my pages, but other things keep
supervening.

--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2.1 spec: http://www.w3.org/TR/CSS21/
validator: http://jigsaw.w3.org/css-validator/
Why We Won't Help You:
http://diveintomark.org/archives/200..._wont_help_you

Stan Brown wrote:

Sat, 01 Dec 2007 15:29:28 -0500 from Ed Mullen <ed (AT) edmullen (DOT) net>:
Stan Brown wrote:
http://www.cssplay.co.uk/menus/simple_vertical.html

For more, look at "Menus - Multi-Level CSS Only" at
http://www.cssplay.co.uk/menus/
Thanks, Stan. I'm studying this right now.

I've had that link on my desktop or a couple of months, intending to
adapt it (with permission) for my pages, but other things keep
supervening.

Well, it, like others out there, don't present a minimal case example.
So it's tough slogging to strip out all the stuff pertaining to the
displayed page to get it down to a very bare-bones case. I'm working on it.

Frankly, I'm only doing it to accommodate IE less than version 6

--
Ed Mullen
http://edmullen.net
http://mozilla.edmullen.net
http://abington.edmullen.net
It's lonely at the top, but you eat better.

Ed Mullen wrote:

Stan Brown wrote:
Sat, 01 Dec 2007 15:29:28 -0500 from Ed Mullen <ed (AT) edmullen (DOT) net>:
Stan Brown wrote:
http://www.cssplay.co.uk/menus/simple_vertical.html

For more, look at "Menus - Multi-Level CSS Only" at
http://www.cssplay.co.uk/menus/
Thanks, Stan. I'm studying this right now.

I've had that link on my desktop or a couple of months, intending to
adapt it (with permission) for my pages, but other things keep
supervening.


Well, it, like others out there, don't present a minimal case example.
So it's tough slogging to strip out all the stuff pertaining to the
displayed page to get it down to a very bare-bones case. I'm working on
it.

Frankly, I'm only doing it to accommodate IE less than version 6

Sorry! For some reason, SeaMonkey just sent that message before I was
done writing! Geez.

So, the only reason I care about this is to accommodate IE6 and less.
And I suspect that if I wait a year it won't be a problem because
IE6-minus will be a diminishing statistic. Still, I like the notion of
serving up pages that are as backwards-compatible as possible ... just
in case. And what I've been doing does require javascript to be enabled.

Hey, it's just a hobby but I do take it somewhat seriously. Kinda like
my other hobby of guitar playing and singing. When I sing John Prine
lyrics like: "Don't make no sense that common sense don't make no sense
no more." I do try to do it with feeling!

--
Ed Mullen
http://edmullen.net
http://mozilla.edmullen.net
http://abington.edmullen.net
Success always occurs in private, and failure in full view.

On Dec 1, 11:10 pm, Ed Mullen <e... (AT) edmullen (DOT) net> wrote:

Sorry! For some reason, SeaMonkey just sent that message before I was
done writing! Geez.

If you're using SeaMonkey, how come your "specs" only demand
compatibility with IE?

--
Dan