Hey Doctype Community!

Just working on a project at the moment, and I'm going to use the suckerfish menu for a drop-down on the 'Our Services' link. I've used the menu several times before, but it just doesn't seem to want to work this time around!

Kew Law

I've added the class .sfhover to the list item that contains the menu, so you can see whats going on (and firebug it) without having to hover over it.

Thanks in advance for all your help.


So basically I've taken all the rules that I wrote for styling the top-level navigation, and added in a lot of '>' signs to make sure that those rules only apply to direct children of the navigation.

So now aesthetically the menu is fine, but I'm having to force it's left value with a number px value, because left:auto leave it over at the far left.

Any last ideas?

3 answers

This was chosen as the best answer

Set your main li to position: relative; and li ul to position: absolute; left should be 0 and give it a top margin which should put it where you want.

Answered about 10 years ago by Ben Shoults
  • Unfortunately this didn't work, have you got any other suggestions? Russell Bishop about 10 years ago

He has changed the name in his JS to "navigation." The problem lies in the .CSS and not the Javascript. I suggest you systematically comment and uncomment your stylesheet until you figure out why it's bumping down like that. My guess is that your menu is unintentionally inheriting another style.

Answered about 10 years ago by Ben Shoults
  • Thanks for your ideas Ben. I've tried removing styles but to no avail, really stuck on this one! Russell Bishop about 10 years ago
elena 56

Had something similar and iirc it need to be surrounded be a div.#nav:

<div id="nav">

Whereas yours is <div id="navigation">? :)

Answered about 10 years ago by elena
  • nah its not that im afraid, thanks for trying though Russell Bishop about 10 years ago