Horizontal Menu for most browsers?

[={ Advocated }=]

Hey there, ive decided to start again with menus because of big problems..

I have set out my website, with my links within a cell, i now need a script
that will let me have a mouse over link menu (horizontally)..
i.e

Link
| | <- Menu
| |

Any ideas?

The only thing is, it has to work in the existing place i have links, not
move, and i need it to work in most browsers...

 

[Richard]

={ Advocated }= wrote:>>

Hey there, ive decided to start again with menus because of big
problems..

I have set out my website, with my links within a cell, i now need a
script that will let me have a mouse over link menu (horizontally)..
i.e

Link

| |> <- Menu
| |>

Any ideas?

The only thing is, it has to work in the existing place i have links, not
move, and i need it to work in most browsers...

HVmenu is a decent menu system once you learn how to manipulate it.

From your site:

//HV Menu v5.411- by Ger Versluis (http://www.burmees.nl/)
//Submitted to Dynamic Drive (http://www.dynamicdrive.com)
//Visit http://www.dynamicdrive.com for this script and more

function Go(){return}

</script> <script type='text/javascript' src='exmplmenu_var.js'></script>
<script type='text/javascript' src='menu_com.js'></script>

To make the location changes, you'll need to open example menu "js" source
file with a text editor, notepad will do, and make changes as needed.
The listing of each item should be understandable as to what each variable
does.
Once you have the main positioning down to where you want it, go through and
add the various items.
You can nest levels to your hearts content all you want.
It's all in the matter of where to place the new level.
It's a good way to learn how to structure things.

For your image swapping thing, have a look at my site for the simplest
method.
http://1-large-world.com/stargate/map1.html
Move your mouse over the red chevrons for a swap.

 

[Toby A Inkster]

I have set out my website, with my links within a cell, i now need a script
that will let me have a mouse over link menu (horizontally)..

What is the exact menu structure you need?

Example:

* Menu 1
- Item 1
- Item 2
- Item 3
* Menu 2
- Item 4
- Item 5
* Item 3
- Item 6
* Item 4
- Item 7
- Item 8

Let me know and I will demonstrate how to hook up the devedge menu to your
design.

 

[John W.]

Hey there, ive decided to start again with menus because of big problems..

I have set out my website, with my links within a cell, i now need a script
that will let me have a mouse over link menu (horizontally)..
i.e

Link
| | <- Menu
| |

Any ideas?

The only thing is, it has to work in the existing place i have links, not
move, and i need it to work in most browsers...

This guy (not me) just made a new one.
<http://www.raph.nl/test/>


John OO
--

<http://webcel.nl/>
<http://www.webcel.nl/bayshop/shop/bayshop.html>

"Time is what prevents everything from happening at once"
- John Archibald Wheeler -

 

[={ Advocated }=]

What is the exact menu structure you need?

Example:

* Menu 1
- Item 1
- Item 2
- Item 3
* Menu 2
- Item 4
- Item 5
* Item 3
- Item 6
* Item 4
- Item 7
- Item 8

Let me know and I will demonstrate how to hook up the devedge menu to your
design.

Well yea the menu should be like this:

*Item One *Item Two
-Submenu1 -Submenu1
-Submenu2 -Submenu2
-Submenu3 -Submenu3

Like that, so across the page it would look like this
ItemOne ItemTwo ItemThree ItemFour

Thanks for all the help

 

[={ Advocated }=]

What is the exact menu structure you need?

Example:

* Menu 1
- Item 1
- Item 2
- Item 3
* Menu 2
- Item 4
- Item 5
* Item 3
- Item 6
* Item 4
- Item 7
- Item 8

Let me know and I will demonstrate how to hook up the devedge menu to your
design.

--


Toby A Inkster BSc (Hons) ARCS
Contact Me - http://www.goddamn.co.uk/tobyink/?id=132

Ohyea, the menu needs to fit where the existing menu is, This is the base
page:

http://homepage.ntlworld.com/c.jones13/Test/


Cheers

 

[={ Advocated }=]

This guy (not me) just made a new one.
<http://www.raph.nl/test/>


John OO
--

<http://webcel.nl/>
<http://www.webcel.nl/bayshop/shop/bayshop.html>

"Time is what prevents everything from happening at once"
- John Archibald Wheeler -

Ive got a menu working; i think
http://homepage.ntlworld.com/c.jones13/Test/TheNewMenu.htm

Only thing is, its displaying in weird places, any ideas how to get it
underneath my links?

Cheers

 

[Toby A Inkster]

Hey there, ive decided to start again with menus because of big problems..

I started on a rewrite of your page here:

http://www.goddamn.co.uk/tobyink/scratch/homepage.ntlworld.com/c.jones13/Test/menu2.htm

I got bored half-way through, but you can see the general idea I hope.
Menu is more or less working, etc.

 

[John W.]

Ive got a menu working; i think

In IE^, not in MOz 1.4, not in O 7.11

http://homepage.ntlworld.com/c.jones13/Test/TheNewMenu.htm

Only thing is, its displaying in weird places, any ideas how to get it
underneath my links?

See
<http://brainjar.com/dhtml/menubar/>
or
<http://devedge.netscape.com/viewsource/2003/devedge-redesign-css/>



John OO
--

<http://webcel.nl/>
<http://www.webcel.nl/bayshop/shop/bayshop.html>

"Time is what prevents everything from happening at once"
- John Archibald Wheeler -

 

[={ Advocated }=]

W0000000000t i got a menu working in a way:
http://homepage.ntlworld.com/c.jones13/Test/TheNewMenu.htm

Ive been told it works in a few browsers, had some people test it and it
does work, any ones it doesnt work in?

Only thing now is to tidy it all up a bit

 

[={ Advocated }=]

W0000000000t i got a menu working in a way:
http://homepage.ntlworld.com/c.jones13/Test/TheNewMenu.htm

Ive been told it works in a few browsers, had some people test it and it
does work, any ones it doesnt work in?

Only thing now is to tidy it all up a bit

Only thing now is one problem, Will it work in different browsers and
resolutions? cuz its absoultely positioned isnt it, will this mean it will
stay in the same place, even in different resolutions etc?

Is there anything i can do?

Cheers

 

[Beauregard T. Shagnasty]

={ Advocated }= pounced upon this pigeonhole and pronounced:

Only thing now is one problem, Will it work in different browsers and
resolutions? cuz its absoultely positioned isnt it, will this mean it will
stay in the same place, even in different resolutions etc?

<URL:http://www.delorie.com/web/lynxview.cgi?url=http:/%
2Fhomepage.ntlworld.com%2Fc.jones13%2FTest%2FTheNewMenu.htm>

This also shows the links Google will use to navigate your site.

Is there anything i can do?

Stop using JavaScript for important stuff?

 

[Nico Schuyt]

W0000000000t i got a menu working in a way:
http://homepage.ntlworld.com/c.jones13/Test/TheNewMenu.htm
Ive been told it works in a few browsers, had some people test it and
it does work, any ones it doesnt work in?

Geez, you got so many advices for a decent solution and now you come with
something where the menu disappears completely when JS is inactive.

Only thing now is to tidy it all up a bit

No. Do your homework and start over.

 

[david graham]

"={ Advocated }=" <[email protected]>:

This guy (not me) just made a new one.
<http://www.raph.nl/test/>

Hi
The side menu seems to have used position:fixed and IE5.5 is obeying this
instruction? I have never come across any IE that recognises position: fixed
except with regards background-attachment: fixed on the body element. Has
this guy done something amazing - or am I not understanding something
david

 

[John W.]

BTW it seems that OP was looking for a collapsible menu.

The side menu seems to have used position:fixed and IE5.5 is obeying this
instruction?

Seems to be the case.

I have never come across any IE that recognises position: fixed
except with regards background-attachment: fixed on the body element.

It's not working on your IE.x? on yr OS?

Has this guy done something amazing - or am I not understanding something

What you want to hear, yes or no

Look at the source of HTML + CSS.

The original site where he found the solution I think is E.B.B's (+/-
frequent poster in ah I suppose): <http://devnull.tagsoup.com/fixed/>
and yr lucky he did the site in [EN].



John OO
--

<http://webcel.nl/>
<http://www.webcel.nl/bayshop/shop/bayshop.html>

"Time is what prevents everything from happening at once"
- John Archibald Wheeler -

 

[Toby A Inkster]

The side menu seems to have used position:fixed and IE5.5 is obeying this
instruction?

No, although it appears that way, what is actually happening is that you
are not really scrolling the page! You are scrolling a <div> with
overflow:scroll set. It's a clever effect, but has been done before.