how to float EllNav Horiz Only 1 col to right

[volcanoboy]

hi,

how can I have the EllNav Horiz Only 1 col to the right instead of the default left. If I set it to float right instead of left the menu items will be reversed also. So instead of HOME - ABOUT - LINKS - CONTACT it will show CONTACT - LINKS - ABOUT - HOME.
Any suggestions?

Thanks

[kwansan]

Hi,

how can I have the EllNav Horiz Only 1 col to the right instead of the default left. If I set it to float right instead of left the menu items will be reversed also. So instead of HOME - ABOUT - LINKS - CONTACT it will show CONTACT - LINKS - ABOUT - HOME.
Any suggestions?
Thanks

I am new to cmsms and I am not sure which css you are using for your ellnav horiz menu.  But I have tried to replicate your problem by using float: right; instead of float: left;.  I am using 0.12.1 (with the security patch update) and for my horizontal menu, I am using the cssmenu-accessible menu under menu manager with default CSSMenu horizontal css.  I got the same problem as you.  Building sites with css positioning is not my strong point, I still mainly use tables for positioning.  However, from what I can observe, since positioning is done with css when you float right it is positioning the first item to the right and everything else after it.  Like taking a snake head pointing left and the tail pointing right.  By pointing the head right the tail automatically moves to the left.  Hence the reverse menu.

Simpliest solution.  Move your page from current numbers to reflect the reverse ordering.  In other words, go to current page in  your admin panel and move "home" page all the way to the bottom.  Thus it will show first on your reverse (float:right) horizontal menu. So by changing the page order move home to be your last page and contact to be your first page.  It should not affect index.php?page=XX. 

Hope that makes sense.

=================
Unless you want to try this, keep in mind you will end up with white space on the left side.  I will have to tinker around with it more to get background to show, unless you are using white background.

Wrap your menu tag with another div and use position static to breakout and than float right.  Below is a copy and paste of  what it should look like.  Just replace your menu tag for mine.
==================

{cms_module module='menumanager' template='cssmenu-accessible' number_of_levels='2'}

===================

Maybe an expert in css can help further or a cmsms menu guru can comment.  I have only tested it in firefox so not sure what it will look like in other browsers.  Hope that helps.

Sincerely,
David

[Dr.CSS]

you mean like this http://www.multiintech.com/index.php?pa ... eas03  ?

    mark

[volcanoboy]

Hi,

Ok..I don't really want to reverse my page order. I think it will make it less user friendly. Besides, it will mess up site map as well. Not the perfect solution I'm afraid.

I'm using the EllNav Horiz menu which I have styled to my liking. But I want the menu items in this menu alligned to the right. When I set it to "Float Right" the menu is alligned right but the menuitems are reversed. instead of Home-item 1-item2-item3 its item3-item2-item1-home.

Does anyone know how I can fix this?

[Dr.CSS]

the default layout has a wrapper try floating that instead...
but you might have to float everything below that...
wrapper >right
breadcrumb >left
main>right