481Views8Replies

Author Options:

How does one make pull out list in HTML? Answered

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.

Discussions

0
None
Jayefuu

Best Answer 8 years ago

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

0
None
KryptoniteJayefuu

Answer 8 years ago

Awesome, thanks!

I gave up trying to look for a website with this, went to do some other homework and found that my school website uses it!

It's effectively a link, and the hover-over option pulls down the other bits. If you click it, it goes no where, and in the html it says onclick="noreturn".

0
None
kelseymhJayefuu

Answer 8 years ago

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.

0
None
orksecurityJayefuu

Answer 8 years ago

Interesting. However, the point about accessibility to folks who are following the Web via screen-readers may still be valid.

0
None
wiggster

7 years ago

Try DynamicDrive, they have loads of cool menus which you can add to your site.

0
None
gmxx

8 years ago

 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.

0
None
kelseymh

8 years ago

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.

0
None
orksecurity

8 years ago

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.