Hi

I need to get the following flyout menu (left hand side, under event dates) to flyout from bottom to top.

So the last menu item "invite a friend" is opposite the "telegraph" logo, but I just cannot seem to figure out how to do it?

Does anyone have suggestions?, and have I made myself clear enough as to what i need to happen!

Thanks

Uhh... can we see the code or a URL ?

wooops link would help! The National Engineering & Construction Recruitment Exhibition

Adding the following rule:

ul#primary-nav li.menuparent ul {
position: relative;
top: -22.333em;
}

did the trick in Firefox. Adjust value to suit.

Yes, that top value is dependent upon the number of tiems in the menu and yes, that'll be a PITA if you find yourself needing to add or remove items from those flyouts.

It's either that, or getting into JavaScript. (Which isn't hard, or in any way incompatible with the CSS.)

Thanks alot for that i will try it

Hi

new problem regarding this menu, if you look at this example (left hand side flyouts) GradJobs - The UK's hottest graduate jobs you will see that the flyouts always stay at the bottom of the browser viewpoint how is this done is it some sort of detection script - if anyone knows please can you help me

Thanks

Originally Posted by mumford

...if you look at this example (left hand side flyouts) GradJobs - The UK's hottest graduate jobs you will see that the flyouts always stay at the bottom of the browser viewpoint...

It is in fact a JavaScript hook. I don't recall the relevant property off the top of my head, but I know there's a way to retrieve it. Only in JavaScript, though.


Meanwhile, the process of moving the style data from the CSS to the script is pretty straightforward - probably via ID assignment in the event handler.