Help - Search - Members - Calendar
Full Version: Semi drop down menu
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
lexmark
I'm look for a menu based system that allows me to list multiple categories that drop down to a certain amount before being redirected to a link

The * would be the subjects, and the - would be the categories. then after that would be the links themselves to a new page.

Hopefully this is clear enough... I've included an image to make things abit easier.

http://imgur.com/BxPkaGP
pandy
What's semi about that? Have you googled? There are lots of ready-made drop down menus.
lexmark
I couldn't seem to find any unfortunately. Would you happen to know of any?
Frederiek
Maybe something like this: http://www.dynamicdrive.com/dynamicindex1/navigate1.htm .
lexmark
QUOTE(Frederiek @ Mar 1 2014, 07:21 AM) *


That's pretty spot on yah. Now I just have to try and get it to work hahah
lexmark
So this is what I have


*******************


QUOTE
<div class="mainstyle">
<ul id="odo2">
<li>Book 1
<ul>
<li><a href="java script:notA();">Chapter 1</a></li>
<li><a href="java script:notA();">Chapter 2</a></li>
<li><a href="java script:notA();">Chapter 3</a></li>
<li><a href="java script:notA();">Chapter 4</a></li>
</ul>
</li>
<li>Book 2
<ul>
<li><a href="java script:notA();">Chapter 1</a></li>
<li><a href="java script:notA();">Chapter 2</a></li>
<li>Chapter 3
<ul>
<li><a href="listCollapseExample.html">Ex 1</a></li>
<li><a href="java script:notA();">Ex 2</a></li>
</ul>
</li>
<li><a href="java script:notA();">Chapter 4</a></li>
</ul>
</li>
<li>Book 3
<ul>
<li><a href="java script:notA();">Chapter 1</a></li>
<li><a href="java script:notA();">Chapter 2</a></li>
<li><a href="java script:notA();">Chapter 3</a></li>
<li><a href="java script:notA();">Chapter 4</a></li>
</ul>
</li>
</ul>
</div>



***************

Also sorry for the formatting of the code preview


I'm trying to get them started as collapsed and be able to open them up as well. both which are problems for me
lexmark
Fixed it with alot less coding. Thank you everyone for your help.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2018 Invision Power Services, Inc.