drop down menu item to link to another page

How would I go about linking a fall down menu item to another page in my web site

Simplest system, but requires Javascript:

HTML:
< 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.

HTML:
< 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:

Code:
#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:

HTML:
< 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> 

.

This entry was posted in Web Design and tagged , , , , , , , . Bookmark the permalink.

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *