Jump to content

Setting Up A Menu?


taaron12
 Share

Recommended Posts

Hi guys. I'm working on my menu set up, still. I've got it where I'm fairly pleased with it(I'll likely be changing the text to an image, as soon as I figure out how.), but I'm not too thrilled on how the drop down works. The last button on the top row, I like how it splits it across in the middle, but the rest of the drop downs, it just pushes everything to the other side. How can I get it to split across the middle like the "Collection" box? My code I'm working with is located at http://scratch.taaron.org/Thanks!

Edited by taaron12
Link to comment
Share on other sites

One of your elements in each menu item needs relative or absolute positioning. Can't remember which, and I can't remember if it's the container <li> or the <ul> contained by it. But it's one of them.What's happening is this: The item to be displayed on mouse:hover suddenly interrupts the document flow, so it pushes things out of the way. What you're looking for is a solution that keeps the "new" element out of the document flow. Changing the position property will do that. You'll also need a z-index greater than the other elements' so that it layers in front of them, not behind them.

Link to comment
Share on other sites

with the suckerfish, the li are positioned relative, while the ul are positioned absolute;#nav li ul{...} represent sublevel 1 menu#nav li ul ul {...} " sublevel 2 menuand so on.the submenus are positioned beyond the viewport of the screen usually to the left using left: -9999em; (but some use margin-left: instead) until required with the hover of the parent menu, when it will be set to left: auto;JavaScript is required for hover for IE browsers, to give the same effect, which is a pain, but what do expect from MS.google 'suckerfish', or 'son of suckerfish' menus.

Edited by dsonesuk
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...