Help with this code

#1

http://www.karlnelson.net/nestedlists/ shows code which I'd like to use,
however when viewing the source for the page, I've got the item lists, but
they're indented - I'd like the list to start at the far left of the page
like it was normal text, and be able to expand from there... can anyone
help? TIA

--
My music - http://www.teatime.pwp.blueyonder.co.uk/

#2

"Mr. Teatime" <mr_teatime007 (AT) hotmail (DOT) com> wrote

Quote:

http://www.karlnelson.net/nestedlists/ shows code which I'd like to use,
however when viewing the source for the page, I've got the item lists, but
they're indented - I'd like the list to start at the far left of the page
like it was normal text, and be able to expand from there... can anyone
help? TIA

ul {margin-left: 0;}

If you are going to use such complicated navigation, with all that
javascript, be sure the page is still usable when javascript is disabled.

--
Cheers
Richard.

#3

"rf" <rf (AT) example (DOT) com> wrote

Quote:

"Mr. Teatime" <mr_teatime007 (AT) hotmail (DOT) com> wrote in message
news:QToDc.3831$6M5.41002113 (AT) news-text (DOT) cableinet.net...
http://www.karlnelson.net/nestedlists/ shows code which I'd like to use,
however when viewing the source for the page, I've got the item lists,
but
they're indented - I'd like the list to start at the far left of the
page
like it was normal text, and be able to expand from there... can anyone
help? TIA

ul {margin-left: 0;}

If you are going to use such complicated navigation, with all that
javascript, be sure the page is still usable when javascript is disabled.

--
Cheers
Richard.

Is there a simpler way of doing the same effect?

--
My music - http://www.teatime.pwp.blueyonder.co.uk/

#4

"Mr. Teatime" <mr_teatime007 (AT) hotmail (DOT) com> wrote

Quote:

"rf" <rf (AT) example (DOT) com> wrote in message
news:J%oDc.66077$sj4.34608 (AT) news-server (DOT) bigpond.net.au...

"Mr. Teatime" <mr_teatime007 (AT) hotmail (DOT) com> wrote in message
news:QToDc.3831$6M5.41002113 (AT) news-text (DOT) cableinet.net...

http://www.karlnelson.net/nestedlists/ shows code which I'd like to
use,

Quote:

If you are going to use such complicated navigation, with all that
javascript, be sure the page is still usable when javascript is
disabled.

Is there a simpler way of doing the same effect?

Well yes there is, using CSS but it is not supported by IE and certain other
browsers so it is not a viable real world proposition.

The javascript approach is quite adequate and is used quite a bit. It is
just that this particular implementation is quite bad.

The only things that are clickable are those little tiny arrow things. This
is an issue for people with dexterity problems. It would be far easier to
position the mouse cursor over the whole line rather than just the arrow
thing. This is easy to fix, just move the </a> to after the text of the line
item.

An extension to this is that the navigation system is not usable via the
keyboard. It is mouse only. Many disabled and other people use the keyboard
and not a mouse. In .au such a scheme would not pass the government
guidelines relating to accessibility and discrimination. This is also easy
to fix, simply make the links real links, by providing a href attribute so
they are included in the tab order. Of course we need to do some things to
not make the link hive off to its href on "Enter" keydown.

When javascript is disabled (*) the sub links are not accessible. At all.
This would make the site unusable. This is also easy to fix: Make *all* of
the menu items visible (by specifying class="open" for all of them) and hide
the ones that should be hidden in a <body> onload event handler.

The example leaves a bit to be desired. The sub items are not links, not
even to href="this.page". Hardly a working example.

Hmmm, I might have a bit of time tonight whilst reviewing Wimbledon. I might
just knock up a *real* example :-) Stay tuned.

(*) According to rumour about 10 to 15% of people have javascript disabled,
for whatever reason.

--
Cheers
Richard.

#5

Quote:

Well yes there is, using CSS but it is not supported by IE and certain
other
browsers so it is not a viable real world proposition.

The javascript approach is quite adequate and is used quite a bit. It is
just that this particular implementation is quite bad.

The only things that are clickable are those little tiny arrow things.
This
is an issue for people with dexterity problems. It would be far easier to
position the mouse cursor over the whole line rather than just the arrow
thing. This is easy to fix, just move the </a> to after the text of the
line
item.

An extension to this is that the navigation system is not usable via the
keyboard. It is mouse only. Many disabled and other people use the
keyboard
and not a mouse. In .au such a scheme would not pass the government
guidelines relating to accessibility and discrimination. This is also easy
to fix, simply make the links real links, by providing a href attribute so
they are included in the tab order. Of course we need to do some things to
not make the link hive off to its href on "Enter" keydown.

When javascript is disabled (*) the sub links are not accessible. At all.
This would make the site unusable. This is also easy to fix: Make *all* of
the menu items visible (by specifying class="open" for all of them) and
hide
the ones that should be hidden in a <body> onload event handler.

The example leaves a bit to be desired. The sub items are not links, not
even to href="this.page". Hardly a working example.

Hmmm, I might have a bit of time tonight whilst reviewing Wimbledon. I
might
just knock up a *real* example :-) Stay tuned.

(*) According to rumour about 10 to 15% of people have javascript
disabled,
for whatever reason.

Thanks, your example would be very helpful to me as I doubt I'd be able to
do it myself with my current level of knowledge, I'll keep an eye out in
email or this group for it!

--
My music - http://www.teatime.pwp.blueyonder.co.uk/

#6

Did you get around to making an example?

TIA

#7

"Mr. Teatime" <mr_teatime007 (AT) hotmail (DOT) com> wrote

Quote:

Did you get around to making an example?

http://users.bigpond.net.au/rf/menus/

Probably needs some cleaning up. Opera for example doesn't like the setup
function.

--
Cheers
Richard.

#8

"rf" <rf (AT) example (DOT) com> wrote

Quote:

"Mr. Teatime" <mr_teatime007 (AT) hotmail (DOT) com> wrote in message
news:90IDc.4632$QJ.48244936 (AT) news-text (DOT) cableinet.net...
Did you get around to making an example?

http://users.bigpond.net.au/rf/menus/

Probably needs some cleaning up. Opera for example doesn't like the setup
function.

--
Cheers
Richard.

Thanks. How do I get the items locked to the left, but the sub-items coming

out as they do? When I tried ul {margin-left: 0;} everything was blocked to
the left, including the sub-items. TIA

--
My music - http://www.teatime.pwp.blueyonder.co.uk/

#9

"Mr. Teatime" <mr_teatime007 (AT) hotmail (DOT) com> wrote

Quote:

"rf" <rf (AT) example (DOT) com> wrote in message
news:7tKDc.68086$sj4.41096 (AT) news-server (DOT) bigpond.net.au...

"Mr. Teatime" <mr_teatime007 (AT) hotmail (DOT) com> wrote in message
news:90IDc.4632$QJ.48244936 (AT) news-text (DOT) cableinet.net...
Did you get around to making an example?

http://users.bigpond.net.au/rf/menus/

Probably needs some cleaning up. Opera for example doesn't like the
setup
function.

Thanks. How do I get the items locked to the left, but the sub-items
coming
out as they do? When I tried ul {margin-left: 0;} everything was blocked
to
the left, including the sub-items. TIA

Oops, forgot about that.

You will need to specify a class for that topmost div so you can select it
with
ul.topmost {...}

Have a look at
http://users.bigpond.net.au/rf/menus/

I've also fiddled with the margins for uls in general.

--
Cheers
Richard.

#10

"Mr. Teatime" <mr_teatime007 (AT) hotmail (DOT) com> wrote

Quote:

http://users.bigpond.net.au/rf/menus/

Thanks.

BTW what is all of this for? Are you revamping the site in your sig? Do we
get to see how it is going so far?

I also listened to a bit of your music. Nice. It has convinced me to dust
off the old keyboard that's somewhere up in the attic :-)

However, the files are a bit large. Windows Media Audo files may not be the
way to go, they are after all a Microsoft thing. What about a different
format that compresses better. You should be able to get those 12meg files
down to a few hundred K.

--
Cheers
Richard.