Help with horizontal menu, third level won't move down ...

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
Locker101
Forum Members
Forum Members
Posts: 55
Joined: Tue Aug 21, 2007 5:30 am

Help with horizontal menu, third level won't move down ...

Post by Locker101 »

Heyas,

I have almost finished a layout but I didn't realise there was a mistake.

The horizontal menu is fine, loads great. The second level, that go down, are fine too.

but the third level, that appear to the right of the second level aren't lining up. I only realised it when I put a third level on a second level item that was on the bottom of the list - the children appear at the TOP of the list.

Here is the site :
http://eas.schoolconnect.com.au

Check out the menu for INFORMATION and go to OHSC and you'll see what I mean

I've messed with style sheets a bit but can't get it. The closest I got was it appearing in the right spot, but down a bit, and the rest of the second level was moved below the third level (like a gap)

apologies if this is a bit hard to understand!

Cheers =)

David
Locker101
Forum Members
Forum Members
Posts: 55
Joined: Tue Aug 21, 2007 5:30 am

Re: Help with horizontal menu, third level won't move down ...

Post by Locker101 »

Ok..

I just pasted the original default CMSMS CSS Horizontal Menu code in to MY code (which is really a modified version anyway) and it WORKS.

I must have changed something during making the menus and screwed it up but I can't work out what!!

*sigh*
Locker101
Forum Members
Forum Members
Posts: 55
Joined: Tue Aug 21, 2007 5:30 am

Re: Help with horizontal menu, third level won't move down ...

Post by Locker101 »

Solved, SORT of.

Problem was, because I used the "filter" hack for IE6 with translucent menus (and PNG files) I had to remove the position:relative; section from the CSS. If I didn't, the links wouldn't work in IE6 (bug).

But in doing so, the menus on the third level weren't aligning properly.

So to fix?

Either

A) have all menus on the 2nd level that are parents be near the top of their menu, so that it doesn't matter

or

B) take out the IE6 support


I'll probably take B
Post Reply

Return to “Layout and Design (CSS & HTML)”