1 Replies - 552 Views - Last Post: 02 October 2012 - 05:25 AM Rate Topic: -----

#1 arsalankhanzada  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 15
  • Joined: 10-September 12

Category &sub Category problem

Posted 02 October 2012 - 12:31 AM

http://www.zazzle.co...ess+funny+gifts

In this website there is left menu with sub category...i want to create this type of menu in asp.net......kindly give me any suggetion about this ......thanks......
Is This A Good Question/Topic? 0
  • +

Replies To: Category &sub Category problem

#2 rgfirefly24  Icon User is offline

  • D.I.C Lover
  • member icon


Reputation: 267
  • View blog
  • Posts: 1,470
  • Joined: 07-April 08

Re: Category &sub Category problem

Posted 02 October 2012 - 05:25 AM

The typical way to do it is create an unordered list for the main categories and within each <li> that should have a submenu you create another unordered list within it. You then use css tricks to make it look like a menu system. That page specifically looks like it uses some JQuery aswell to make the accordian style menu.


Here is a snippet of the page source to illistrate the use of the <UL><LI></LI></UL> construct:

		<div id="page_searchNav_departmentFilterFaceted_stretchy-long" style="display:block;">
			<div id="page_searchNav_departmentFilterFaceted_stretchy-contract">
				<a href="javascript://" class="F0-titleStyling" >
					<img src="//asset.zcache.com/assets/graphics/s.gif" class="F0-navlink F0-expanded" />
					<span id="page_searchNav_departmentFilterFaceted-title" >Department</span>
				</a> 
			</div>
			
<div id="page_searchNav_departmentFilterFaceted" class="">

<div class="categoryList">
<ul><li><a href="http://www.zazzle.com/slightly+less+funny+clothing" id="page_searchNav_departmentFilterFaceted-252657725253948300">Clothing</a> <span class="navCount">(1,009)</span></li><li><a href="http://www.zazzle.com/slightly+less+funny+home+gifts" id="page_searchNav_departmentFilterFaceted-252290587744666646">Home & Pets</a> <span class="navCount">(634)</span></li><li><a href="http://www.zazzle.com/slightly+less+funny+office+gifts" id="page_searchNav_departmentFilterFaceted-252585008705651924">Office Products</a> <span class="navCount">(510)</span></li><li><a href="http://www.zazzle.com/slightly+less+funny+accessories" id="page_searchNav_departmentFilterFaceted-252170696522219977">Accessories</a> <span class="navCount">(451)</span></li><li><a href="http://www.zazzle.com/slightly+less+funny+cards+stamps" id="page_searchNav_departmentFilterFaceted-252601251772558342">Cards & Postage</a> <span class="navCount">(405)</span></li><li><a href="http://www.zazzle.com/slightly+less+funny+electronics" id="page_searchNav_departmentFilterFaceted-252373910128475557">Electronics</a> <span class="navCount">(300)</span></li><li><a href="http://www.zazzle.com/slightly+less+funny+art" id="page_searchNav_departmentFilterFaceted-252819538404952287">Art & Posters</a> <span class="navCount">(92)</span></li><li><a href="http://www.zazzle.com/slightly+less+funny+other+gifts" id="page_searchNav_departmentFilterFaceted-252250855167025405">Other Products</a> <span class="navCount">(38)</span></li></ul>
	
</div>

</div>


Was This Post Helpful? 0
  • +
  • -

Page 1 of 1