jqueryslidemenu width problems

[jpmains]

http://www.dynamicdrive.com/style/cs...el_css_menu_2/

I'm having a width problem with jqueryslidemenu. I have a fixed width menu, but my right-most submenus are quite wide and go beyond the width of my content area.

I tried doing a negative margin but then it just floats around with the size of the window as I resize it.

The demo page is at http://www.numarasoftware.com/default2.asp

Any thoughts on correctly positioning so everything lines up?

JP

[ddadmin]

Do you mean the sub menus associated with the "Contact" menu item? It's a thin drop down menu for me and doesn't go over the right edge of the browser window. Or maybe I'm misunderstanding something?

[Snookerman]

I'm not sure I understand what you mean either, but in case I do, this might help, try decreasing this width:

<li style="width: 250px;">

[jpmains]

The About and the Services menu go well past the right edge. I dont want to cause any of the menu items to wrap. I know I have some room to play with, but not enough.

Thoughts?

[ddadmin]

Here's a screenshot of the About Submenu for me:



In other words, it does drop down to the left of the browser's right edge when there isn't enough space to the right. Still not sure what you mean by not wrapping.

[Snookerman]

I think he/she means that it should drop down to the left even if there is enough space, that it should treat the end of the page as the browser edge.

[jpmains]

Here is my screenshot. The drop down moves left to right based on my browser screen size. It is preferable that it align where I want it rather than floating around.

In this screenshot, it goes past the right edge of the content area, whereas in your screenshot, your browser window is probably shrunk down a fair amount and thus is in the middle.

[jpmains]

Any thoughts on this? I could potentially figure this out recoding the whole thing, but want to avoid that. Ideas?

[Snookerman]

Find this in your jqueryslidemenu.js file on row 34:

menuleft=(this._offsets.left+menuleft+this._dimensions.subulw>$(window).width())? (this.istopheader? -this._dimensions.subulw+this._dimensions.w : -this._dimensions.w) : menuleft

and change the highlighted to this:

menuleft=(this._offsets.left+menuleft+this._dimensions.subulw>$('#myslidemenu').width())? (this.istopheader? -this._dimensions.subulw+this._dimensions.w : -this._dimensions.w) : menuleft

That will make the submenus open towards the left (like they would if the browser window was too small) if they are wider than the menu when opening to the right.

[jpmains]

Great! That worked.

Now for the next trick . I'm planning on using background images and I saw your code in another post for that and dont have a problem with that. But how can I keep the mouseover image changed for the top menu when the mouse is over UL for the submenu?

thanks,
JP