Help coderanch get a
new server
by contributing to the fundraiser
  • 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 Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Jeanne Boyarsky
  • Ron McLeod
  • Paul Clapham
  • Liutauras Vilda
Sheriffs:
  • paul wheaton
  • Rob Spoor
  • Devaka Cooray
Saloon Keepers:
  • Stephan van Hulst
  • Tim Holloway
  • Carey Brown
  • Frits Walraven
  • Tim Moores
Bartenders:
  • Mikalai Zaikin

vertical and horizontal menus

 
Ranch Hand
Posts: 361
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
hi, can someone pls help me how to create vertical and horizonatal menus in html/javascript..


thnx in advance
 
Sheriff
Posts: 67750
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Where's your code so far?
 
Ranch Hand
Posts: 387
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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
Sheriff
Posts: 67750
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
http://css.maxdesign.com.au/listamatic/

Eric
 
Ranch Hand
Posts: 54
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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
    Number of slices to send:
    Optional 'thank-you' note:
  • 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.
 
Yeah, but how did the squirrel get in there? Was it because of the tiny ad?
We need your help - Coderanch server fundraiser
https://coderanch.com/t/782867/Coderanch-server-fundraiser
reply
    Bookmark Topic Watch Topic
  • New Topic