3 Simple Ways to
Share What You Make

With Instructables you can share what you make with the world — and tap into an ever-growing community of creative experts.

PhotosPhotos

Share one or more photos of a project, recipe, or whatever you've made, quickly and easily.

Step by StepStep-By-Step

Share your step-by-step photos with text instructions of what you made so others can do it too!

VideoVideo

Share your how-to video. You'll need your embed code from a video site such as YouTube.

How does one make pull out list in HTML?

For example, there's a list of links down the left hand side, when you hover over it more links pop out the side. I'll try explain in ASCII:

[Text]
[Text] > [Text]
[Text]    [Text]
[Text]    [Text] >[Link]
              [Text]   [Link]
                          [Link]


A link to a website with this featured on it would be fine, just so I can go view source.

8 answers
sort by: active | newest | oldest
Mar 13, 2010. 5:35 AMJayefuu says:
Ignore Zero and Kelsey. You don't need javascript :) HTML and CSS can be used to make a popout list as you describe.

Google "Nested CSS Menu"

http://www.howtocreate.co.uk/tutorials/testMenu.html
Mar 13, 2010. 7:51 AMorksecurity says:
Interesting. However, the point about accessibility to folks who are following the Web via screen-readers may still be valid.
Mar 13, 2010. 9:43 AMkelseymh says:
Except that, as documented on that Web page, it's not quite conforming HTML either.  In the best case, it gets ignored, and in the worst, it get mangled.
Apr 25, 2011. 10:57 AMwiggster says:
Try DynamicDrive, they have loads of cool menus which you can add to your site.
Mar 13, 2010. 12:33 AMgmxx says:
 Its done with javascript. check dynamicdrive.com.  they have a nice library of html/js/css code, with a number of pull down menus scripts. download one, and edit to suit your needs. the only requirement is that you have a comment in the source code saying you  got the code from dynamic drive.
Mar 12, 2010. 7:11 PMkelseymh says:
As Ork said, that's not done with HTML at all.  It's JavaScript, which means it is not accessible to anyone who can't use a high-end graphical browser.  If you're blind, you can't use it.
Mar 12, 2010. 6:21 PMorksecurity says:
Can't be expressed in HTML alone. You'd need to do some scripting.

Simpler might be to find another way to express that selection.

Pro

Get More Out of Instructables

Already have an Account?

close

All Steps Viewing
View all steps of an Instructable on the same page when you're a Pro Member.

Upgrade to Pro today!