Solved

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

Posted on 2008-10-20
2
649 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

[Webinar] Code, Load, and Grow

Managing multiple websites, servers, applications, and security on a daily basis? Join us for a webinar on May 25th to learn how to simplify administration and management of virtual hosts for IT admins, create a secure environment, and deploy code more effectively and frequently.

Question has a verified solution.

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

As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
This article discusses four methods for overlaying images in a container on a web page
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
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 …

734 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