How would I go about linking a fall down menu item to another page in my web site
Simplest system, but requires Javascript:
< select onclick=" window. place = this. value" > < method value=" page1. html" > First Page< /option> < method value=" page2. html" > Following Page< /option> < /select>
While i use that signal, and I click a service in the fall down menu, it just clicks and reloads the initial item frequently.
I accomplish my drop-downs around CSS, so I’m not 100% convinced, but, since it’s actually a select, try attaching filburt’s code around < form> tags.
Drop downs throughout CSS are pretty straightforward should you be comfortable with CSS. MY SPOUSE AND I generally do nested unordered directories for navigation, while using inside < ul> getting hidden until this hover. That appears confusing, so i want to show you.
< ul id=" nav" > < li> < the href=" index. html" > home< /a> < /li> < li> < the href=" section1. html" > Portion 1< /a> < ul> < li> < the href=" s1_pt1. html" > Sect. ONE Part 1< /a> < /li> < li> < the href=" s1_pt2. html" > Sect. ONE Part 2< /a> < /li> < /ul> < /li> < li> < the href=" section2. html" > Portion 2< /a> < ul> < li> < the href=" s2_pt1. html" > Sect. ONLY TWO Part 1< /a> < /li> < li> < the href=" s2_pt2. html" > Sect. ONLY TWO Part 2< /a> < /li> < li> < the href=" s2_pt3. html" > Sect. ONLY TWO Part 3< /a> < /li> < /ul> < /li> < /ul>
CSS:
#nav li ul screen: hidden; #nav li ul: are positioned display: block;
Obviously this is certainly bare-bones, but I am hoping it helps.
CSS dropdowns are good, but most don’t work within IE because IE, you know, sucks.
Effectively, with a effective Javascript fix you may make: hover be: are positioned and. hover and add production listener in Javascript to increase the hover’ class with a hovered item as well as remove it onmouseout.
There is also IE7.
Add an clear or descriptive option for the reason that first one, this way:
< select onclick=" window. place = this. value" > < option> Choose a page< /option> < method value=" page1. html" > First Page< /option> < method value=" page2. html" > Following Page< /option> < /select>
.