Win a copy of Hello World this week in the Python forum!
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Paul Clapham
  • Bear Bibeault
  • Liutauras Vilda
  • Devaka Cooray
Sheriffs:
  • Knute Snortum
  • Junilu Lacar
  • Henry Wong
Saloon Keepers:
  • Ron McLeod
  • Stephan van Hulst
  • Tim Moores
  • Carey Brown
  • Tim Holloway
Bartenders:
  • salvin francis
  • Frits Walraven
  • Piet Souris

vertical and horizontal menus

 
Ranch Hand
Posts: 361
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
hi, can someone pls help me how to create vertical and horizonatal menus in html/javascript..


thnx in advance
 
Marshal
Posts: 67356
173
Mac Mac OS X IntelliJ IDE jQuery Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Where's your code so far?
 
Ranch Hand
Posts: 387
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
hi,

If you want a simple menu, you don't need Javascript.

vertical menu:

<ul>
<li>MenuItem1</li>
<li>MenuItem2</li>
</ul>

If you want a horizontal menu: just add to your stylesheet:
li{
display: inline
}

Herman
 
Bear Bibeault
Marshal
Posts: 67356
173
Mac Mac OS X IntelliJ IDE jQuery Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Perhaps you are confusing menu with list?

Granted, if you make the list elements links, then I suppose you will have a sort of menu. But these days, when people say "menu" they're usually talking about something a little more dynamic.

The original poster was not very clear, which is why I asked to see his code.
 
author
Posts: 15385
6
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
http://css.maxdesign.com.au/listamatic/

Eric
 
Ranch Hand
Posts: 54
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
For this , you will have to use css alongwith javascript.
You may like to visit following link for the different approaches for menus.

http://www.javascriptkit.com/script/script2/csstopmenu.shtml
 
Naresh Chaurasia
Ranch Hand
Posts: 361
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
hi kiran,
i made use of the horizontal menus. I want to mix the horizontal and vertical menu i.e. when the user hovers at reference in example, he can see dropdown options, JS Refrence , DOM reference and CSS reference.

What is want to do is that, if user hovers over the JS Reference i want to show him options horizontally. i.e the options should be visible like in CSS vertical menu.

I tried to make user of vertical and horizontal css, but my example is not working.

any help will be appreciated.
 
Opportunity is missed by most people because it is dressed in overalls and looks like work - Edison. Tiny ad:
Java file APIs (DOC, XLS, PDF, and many more)
https://products.aspose.com/total/java
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!