Solved

CSS Menu.  Large sub box

Posted on 2009-05-04
4
684 Views
Last Modified: 2013-11-19
Can someone please tell me where I can find some instructions on how to create menus similar to the ones found in the websites below.  It's a large "box" or area that contains ALL the sub-navigation/categories that are relate to the main category.

http://www.sears.com/
Mouse over anything in their "Shop Departments" area and you'll see it.

http://www.target.com/
Mouse over anything in their main navigation ( ie. Women, Men, Baby, Kids, Shoes, etc.) and you'll  see the large sub menu appear.

Even http://www.gettyimages.com/
Mouse over "Images" or "Footage" and again, you'll see it.

All the tutorials that I've found online show how to create a "single item" subnav.  I'm trying to create that large box that has everything in it.

Thanks Experts!
0
Comment
Question by:cdemott33
  • 2
  • 2
4 Comments
 
LVL 30

Expert Comment

by:LZ1
Comment Utility
something like this:
http://www.opencube.com/qmv_vdesign6/qmv6/run001.html
Choose "content tabs" on the left.   (3rd one down)
0
 

Author Comment

by:cdemott33
Comment Utility
Exactly.  Do you know where I can find instruction on how to go about creating this?  I don't want to buy anything.
0
 
LVL 30

Accepted Solution

by:
LZ1 earned 500 total points
Comment Utility
Actually that link I sent you is free.  I've used them before and it's CSS based with a little java for some of the effects. (at least the older version did)
Try it out.  If that doesn't work, let me know and I can see if I have any more in my bag o'fun.  
0
 

Author Closing Comment

by:cdemott33
Comment Utility
Thanks LZ1.  I'll let you know if it works out.
0

Featured Post

Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

Join & Write a Comment

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

7 Experts available now in Live!

Get 1:1 Help Now