CMS Made Simple Forums

Hi there,

I'm running CMSMS 1.02 on Apache 2.0.54, PHP 4.3.10 and MySQL 4.1.11.

I'm trying to modify the Navigation: Simple - Horizontal stylesheet, så the entire navbar is aligned with the right side of the #pagewrapper div. I was thinking of using float:right. However, adding float:right to the div#menu_horiz does nothing in IE and Firefox. Adding it to div#menu_horiz ul works fine in IE, but the bar disappears in Firefox. Changing the float value in div#menu_horiz li from left to right works, but the menu items are listed in reverse order, so that's also a no go. I also tried using a div around various elements, but to no avail.

Do I have to change the simple_navigation.tpl? I was hoping I wouldn't have to.

Anyone?

Try...

/* Unless you know what you do, do not touch this */
#primary-nav, #primary-nav ul {float:right;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

I'm not sure where that goes, or where I find that to alter?

The style sheet you are trying to change is , in default install, attached to "Top simple navigation + left subnavigation + 1 column" template...

Are you trying to get the horizontal menu to float right or the sub menu to be on the right side?

Yes, that is the template I have modified slightly. I removed the search box and the relational links and modified the page width. To that template I have attached a slightly modified "Layout: Top menu + 2 columns" stylesheet, the main change being a pixelbased min/max-width for div#pagewrapper. I also have the simple horizontal and vertical navigation stylesheets attached to the template.

So I have a main horizontal navbar, where the links appear from the left of the page, with space to spare towards the right of the page. I want the links to appear in the same order (ie. page 1 to the leftmost, page 2 next, then page 3, etc.), but with space to spare to the left of the links, and no space to the right.

Appreciate your help.

G.

In the default, this is where that menu gets styled "Navigation: Simple - Horizontal" look for this line and add the float, you may end up with the bread crumbs in the left side if so add clear:both to the breadcrumb style....

div#menu_horiz ul {
  float:right;