need some help/advice on a menu

[Matthew]

We had a guy working with us on our site but that was several years ago he
is no longer available... and I really just basically know my way around FP
( I only have a basic understanding of HTML and that's about it)

I'm working on a redesign of the site but I'm having prolems with his menu
as it is not from FP. By trial and error I figured out how to tweak it but I
want to divide it between 2 cells in a row and it doesn't seem to want to
work that way. I think I can understand why it won't work... but I have no
idea how to change it to make it work. Can anyone take a look and give me
some pointers... or maybe a link to where I can learn more about it?

Old menu is here: http://www.hallssalvage.com/index.htm

My attempt is here: http://www.hallssalvage.com/indextest.htm

 

[Matthew]

We had a guy working with us on our site but that was several years ago he
is no longer available... and I really just basically know my way around
FP ( I only have a basic understanding of HTML and that's about it)

I'm working on a redesign of the site but I'm having prolems with his menu
as it is not from FP. By trial and error I figured out how to tweak it but
I want to divide it between 2 cells in a row and it doesn't seem to want
to work that way. I think I can understand why it won't work... but I have
no idea how to change it to make it work. Can anyone take a look and give
me some pointers... or maybe a link to where I can learn more about it?

Old menu is here: http://www.hallssalvage.com/index.htm

My attempt is here: http://www.hallssalvage.com/indextest.htm

well I can't find a way to do it and judging by the lack of response in here
I'm guessing it can't be done... oh well.... thanks anyways

 

[Trevor Lawrence]

I'll have a look when I find the time. If it's from a custom site that has
complex javascipt, it may tale some time even then

Cheers

 

[Trevor Lawrence]

Matthew,

I like this menu. It is very simple and yet it works fine

I found a couple of errors in the original index.html. A <ul> was not
closed - it needed a </ul>. Also missing were </body </html>. These errors
are not enough to stop it working however.

That apart, the problem in splitting it into two cells is that each cell had
an id="nav". This is not permissible and creates problems. So what I did
was:
1. Alter the CSS to define styles for CLASS = nav (.class) instead of for
ID= "nav" (#nav).
2. Change the function setMenu so that it operates over both the cells.

As a result of these, I needed to alter the <ul> tags to <ul id="nav1"
class="nav"> and <ul id="nav2" class="nav">. Note that there is a parameter
in setMenu idmax =2. If you were to add more cells, this would have to be
updated.

The new code is in http://trevorl.mvps.org/halls_indextest.html. This line
can be deleted
<base href="http://www.hallssalvage.com/">
Please post back here when you have tested it so that I can delete it

 

[Matthew]

Matthew,

I like this menu. It is very simple and yet it works fine

I found a couple of errors in the original index.html. A <ul> was not
closed - it needed a </ul>. Also missing were </body </html>. These
errors are not enough to stop it working however.

That apart, the problem in splitting it into two cells is that each cell
had an id="nav". This is not permissible and creates problems. So what I
did was:
1. Alter the CSS to define styles for CLASS = nav (.class) instead of for
ID= "nav" (#nav).
2. Change the function setMenu so that it operates over both the cells.

As a result of these, I needed to alter the <ul> tags to <ul id="nav1"
class="nav"> and <ul id="nav2" class="nav">. Note that there is a
parameter in setMenu idmax =2. If you were to add more cells, this would
have to be updated.

The new code is in http://trevorl.mvps.org/halls_indextest.html. This line
can be deleted
<base href="http://www.hallssalvage.com/">
Please post back here when you have tested it so that I can delete it

You are a god amongst men!! Thank you very much! I thought the error had
something to do with id="nav" for both cells but I had no idea how to really
fix it... and everything I tried failed.



Thanks again!!

 

[Matthew]

Oh and any tips on what/where I should start reading to learn what I need to
know?

 

[Trevor Lawrence]

Oh and any tips on what/where I should start reading to learn what I need
to know?

Yeah, one good place is http://www.w3schools.com/ It covers HTML, CSS and JS
(and other stuff which may be useful when/if you need it).

Although, I don't use them often, there are some places at MSDN which give
more complete references
The top (library) page of MSDN is
http://msdn.microsoft.com/en-us/library/default.aspx
For JScript (MS version of javascript), you can go to the MS JScript
Language Reference http://msdn.microsoft.com/en-us/library/yek4tbz0.aspx
Also (I just found it a minute ago) the JScript User's Guide
http://msdn.microsoft.com/en-us/library/4yyeyb0a(VS.85).aspx
The HTML and CSS page is
http://msdn.microsoft.com/en-us/library/aa155110.aspx


BTW,
I made a few typos in my post. I typed ".class" where I meant ".nav" (stupid
error) and "</body" where I meant "</body>" (not careful enough). Your test
page now works beautifully, so I guess that you sorted it out by extracting
my revised code.

All the best

 

[Matthew]

Yeah, one good place is http://www.w3schools.com/ It covers HTML, CSS and
JS (and other stuff which may be useful when/if you need it).

Although, I don't use them often, there are some places at MSDN which give
more complete references
The top (library) page of MSDN is
http://msdn.microsoft.com/en-us/library/default.aspx
For JScript (MS version of javascript), you can go to the MS JScript
Language Reference http://msdn.microsoft.com/en-us/library/yek4tbz0.aspx
Also (I just found it a minute ago) the JScript User's Guide
http://msdn.microsoft.com/en-us/library/4yyeyb0a(VS.85).aspx
The HTML and CSS page is
http://msdn.microsoft.com/en-us/library/aa155110.aspx


BTW,
I made a few typos in my post. I typed ".class" where I meant ".nav"
(stupid error) and "</body" where I meant "</body>" (not careful enough).
Your test page now works beautifully, so I guess that you sorted it out by
extracting my revised code.

Thanks again for the links to the tutorial sites and all the help!