Solved

Hover drop-menu like "all departments" tab on ikea.com

Posted on 2008-10-20
2
644 Views
Last Modified: 2012-05-05
Hello,

I am looking to create a hover drop-menu much like the "All Departments" tab on the http://www.ikea.com/us/en/ navigation bar.  I would like to replicate all aspects, including the arrow that goes from point right to down on hover.  Can someone please provide me an example on how to acheive this?  Any help would be greatly appreciated.  The solution needs to work cross-browser and be as accessible as possible.

Thanks!
0
Comment
Question by:Gsx_Eclipse
2 Comments
 
LVL 2

Accepted Solution

by:
mrables earned 400 total points
ID: 22763231
It uses Flash.  It is a fairly simple Flash script, but it would still require some knowledge of the program to create it.  

There are other types of "drop-down" menus that can be created using just DHTML (HTML, CSS, and JavaScript), but it wouldn't be as styled as the one on the IKEA page.
0
 

Author Comment

by:Gsx_Eclipse
ID: 22764090
Hi mrables,

The navigation menu itself is not flash-based... just the movie underneath the navigation.  Can you please point me in the direction of a "real world" example of a similar CSS/JavaScript based solution?  Thanks.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

914 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

14 Experts available now in Live!

Get 1:1 Help Now