collaspable menu
Posted: Mon Oct 19, 2009 12:39 am
hi i am new and very much a novice when it comes to web coding.
basically iam wanting to create a website with a collaspable menu. (parent menu with children) on top of this i want to have another navigation menu on the page the directs to pages not in collaspable menu. to understand fully what i mean please take a look and browse here:- http://www.non-format.com
i had something similar working but couldnt get the children of the collaspable menu to expand i think it may have something to do with the way the links are laid out in the code.
collaspable menu code is as follows
as you can see they display within divs where as new pages in cmsms are displayed as lists.
help with this would be greatly appreciated
thanks
reece
basically iam wanting to create a website with a collaspable menu. (parent menu with children) on top of this i want to have another navigation menu on the page the directs to pages not in collaspable menu. to understand fully what i mean please take a look and browse here:- http://www.non-format.com
i had something similar working but couldnt get the children of the collaspable menu to expand i think it may have something to do with the way the links are laid out in the code.
collaspable menu code is as follows
Code: Select all
<div id="nav"><img src="/media//images/nonformat.gif" alt="Nonformat"><br/><div id="categories" class="basic"><a href="/showcase/ibm-smarter-planet/1/" class="header" id="showcase"><img src="/media//images/showcase_on.gif" /></a><div><p><!--
<img src="/media/images/hyphen.gif" width="6" height="14" alt="Hyphen"><br />
--><a href="/showcase/ibm-smarter-planet/1/" >IBM Smarter Planet</a><br /><a href="/showcase/strange-new-world/1/" class="marked" >Strange New World</a><br /><a href="/showcase/olympik/1/" >Olympik</a><br /></p></div>
<a href="/archive/design-music/1/" class="header" id="archive"><img src="/media//images/archive.gif" /></a><div><p><!--
<img src="/media/images/hyphen.gif" width="6" height="14" alt="Hyphen"><br />
--><a href="/archive/design-music/1/" >Design + Music</a><br /><a href="/archive/tdc-books/1/" >TDC BCCKS</a><br /><a href="/archive/varoom/1/" >Varoom</a><br /></p></div>
<a href="/profile" class="" id="profile"><img src="/media//images/profile.gif" /></a><div></div>
<a href="/faq/1/1/" class="" id="faq"><img src="/media//images/faq.gif" /></a><div></div>
<a href="/links" class="" id="links"><img src="/media//images/links.gif" /></a><div></div>
<a href="/contact" class="" id="contact"><img src="/media//images/contact.gif" /></a><div></div>
</div>
help with this would be greatly appreciated
thanks
reece