Horizontal menu on top?

[Teddy]

Hi!

I probably wrote this question in the wrong place but here is my problem:

I have some problems with my horizontal menu. The drop down meny expands when I hoover it but it drops down behind the vertical menu and even a pic I have inserted in the content box.

How do I make this menu come on top of the other menus when I hoover it?

You can also answear it on this thread: http://forum.cmsmadesimple.org/index.ph ... 213.0.html

Thanks in advance

Ted

[Leav]

in the future, only one thread is enough 

Have you tried moving the order of the tags? try defining the upper menu after the left menu and everything else in the HTML, that might sort it out...
but I would wait for someone qualified to answer this

-Leav

[Dr.CSS]

do you have a link or some code you could post with some more info?what CMSMS ver. which menu, what style sheet.

[Teddy]

Hi!

Im using version 1.0-beta3 "Hawaii".

Template: Ellnav Horiz/vert L col

With these stylesheets:

• Tools
  Typography
  Forms
  Layout Ellnav Horiz/Vert L col
  Layout
  Nav-vertical
  Colours
  Nav-Horizontal
  Default CSSMenu Horizontal

The link to the page is: liwacolor.sbbs.se

Regards

Ted

[Dr.CSS]

Sorry Ted the link gives me a Firefox can't find the server at www.liwacolor.sbbs.se.

[Teddy]

Sorry!

I gave the wrong URL 

This is the right one!

liwacolor.sbbs.se

[Dr.CSS]

Try this...

    div#content {
      position: relative;    Delete this line
        margin: 1.5em auto 2em 0;
        padding: 0;
        text-align: left;
    }

[Teddy]

Great! 

That one realy did the works!

Thank you

Ted

[Dr.CSS]

Your Welcome...

[rich8715]

Try this...

    div#content {
        position: relative;    Delete this line
        margin: 1.5em auto 2em 0;
        padding: 0;
        text-align: left;
    }

Would you be willing to explain why having "position: relative" on the content div results in the CSS menu's popping underneath elements that are inside the content div?

Thanks

[Dr.CSS]

I can try... the menu above has the main ul set to absolute, it's going to be right where you put it and the underneath li li is relative to it, the content set at relative makes it only take the postion of the element it is in, his container, into account making it ignore anything else coming it's way, "I don't care about you I get mine from something else so there" if you know what I mean.

Hope this makes sense, best I can do. 

This is good for 3 or 4 pc. image headers like this http://www.multiintech.com/cmsite/index ... eunis.html it has 4 images in the header including the site name.

#primary-nav ul {
position: absolute;
top: auto;
display: none;
}
#primary-nav ul ul {
margin-top: 1px;
margin-left: -1px;
left: 100%;
top: 0px;
}

#primary-nav li {
margin-left: -1px;
float: left;
}
#primary-nav li li {
margin-left: 0px;
margin-top: -1px;
float: none;
position: relative;
}