CMS Made Simple Forums

mark wrote: If you look at the source in Firefox you will see the last div for submit is below the menu and you need to take out the {menu template='cssmenu.tpl'} around the menu, when I hit the search it makes the menu where it should be...

If you take out all the calls for the .submit you will get closer to what you need...

I took out the and tned then i took out the submit calls and I've managed to get the menu to appear in the middle of the bar, the problem is it has now aligned to the right hand side and pushed the search box down to the next line.

http://www.signmakersdirect.com/about-us.htm

What could be causing this and how can i get the menu left aligned and have the search bar right aligned and on the same line?

At this point it looks like you have too many items in the menu...

I've tried taking some items off the menu but its still pushing the search bar down,

can anyone help? the situation is becoming pretty desperate for me now.

Try giving the #search margin-top:-24px, not sure how IE6 will handle it but we can always hope , and you don't need '#menu #search' in the call since search is a div id...

EDIT: also if you do this it will take the color out of the main menu items but leave it in the second level...

Look for more single 'a' or 'li' or 'li a' and copy and add li in front of singles, note: single 'a' will need 2 li li, to effect just the second level then you can use singles to style the top items like for the borders above these...

First level is #primary-nav or #primary-nav a or #primary-nav li or #primary-nav li a...

#primary-nav li li, #primary-nav li li.menuparent {
  background-color: #ececec;
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li li.menuactive {
  background-color: #C7C7C7;
}

i tried changing top to -24px in the style sheet but it had no effect.

What do you mean by #menu #search' in a call. What code do i have to remove and from where?

This is how it currently looks

http://www.signmakersdirect.com/about-us.htm

Thanks again

OK this is what I did and it moved up to the middle of the menu bar...

This could/should be just #search, most times the dbl. call is if you have say 2 #search divs in template, which would throw an error on validation, an id should only be in a template once as it is supposed to be a unique id for only one div as apposed to a class which can be used as many times as needed...

# = id and  . = class  as in <div id= (#search)  and < div class= (.search)

#menu #search {

float : right;

background : inherit;

margin-top : 0;

padding : 0;

margin-right : 10px;

margin-top : -24px;

}

mark wrote: OK this is what I did and it moved up to the middle of the menu bar...

This could/should be just #search, most times the dbl. call is if you have say 2 #search divs in template, which would throw an error on validation, an id should only be in a template once as it is supposed to be a unique id for only one div as apposed to a class which can be used as many times as needed...

# = id and  . = class  as in <div id= (#search)  and < div class= (.search)

#menu #search {

float : right;

background : inherit;

margin-top : 0;

padding : 0;

margin-right : 10px;

margin-top : -24px;

}

Thanks for your patience mark, I've now got the search bar perfectly positioned at -28px.

My only requirement now is to move the menu up a few pixes itselfs and its sitting a little too low. Do you know what parameters i would change for this and where?

Also I didn't understand what you mean about div search, where is the offending code, if you show me whats wrong and what it should be i will probably be able to understand what you mean.

Thanks again!

http://www.signmakersdirect.com/about-us.htm

OK this...

#menu .pad {

padding-top : 7px;

}


and then you will need to change the -28px to -20px...

guys, I'm a bit lost with this now, please can someone take a look at the following URL, as you can see the text has disappeared from the menu, im not sure why. Any ideas?

http://www.signmakersdirect.com/about-us.htm

I see them in Ff & IE...

im just getting white squares in i.e. 6. Any ideas?

Hi!

Please, visit my page (I did it for you  ). Is this what you are looking for? CMS MS menu on left and CMS MS search on right?

http://www.microsplet.com/limbus/index.php?page=lightbiz2

Bojan

Did you notice how diff. it looks in Firefox & IE, the last menu item makes the box below jump down in Ff, the menu is too long in IE and it has no hover state...

I think that this was hepend because there were too much items in menu. Now its 5 items in menu and it looks fine... There is only a problem because I insert my existing content in that menu (subitems text is white, no background...) . I am not having test page to make it with leerees menu content

Bojan

Hi Bojan,

That's great, could you paste the code you used to get that menu, I would be very very gratefull!

Thanks!