I am trying to do something that to me should be easy but for some reason I cannot get it.
Here is the site in question: http://www.utfu.com/cms
The horizontal nav bar at the top is my issue. I want to have 4 links on the left side of the apple logo, and 4 on the right side without running over the logo.
Any help will be greatly appreciated!
I give up!
-
uniqu3
Re: I give up!
There are multiple options for this task. One would be to include your menu call twice and style it to desired behavior so you would only include those menu items that you want to show for example {menu template='your_left_side' items='one,two,three'} and {menu template='your_right_side' items='four,five,six'} where items= would have aliases of pages entered.
This would only work if no subpages are needed.
You could also go with excludeprefix parameter, look at MenuManager help for available parameter.
For example {menu template='your_left_side' excludeprefix='four,five,six'}
Another would be to edit your MenuManager template and give each menu item a id for example <li id="{$node->alias}"> which would give you alias of the page as id, then add a margin on desired width on element where needed for example li#hard-cider-winery {margin-right: width-of-space-needed;}
This would only work if no subpages are needed.
You could also go with excludeprefix parameter, look at MenuManager help for available parameter.
For example {menu template='your_left_side' excludeprefix='four,five,six'}
Another would be to edit your MenuManager template and give each menu item a id for example <li id="{$node->alias}"> which would give you alias of the page as id, then add a margin on desired width on element where needed for example li#hard-cider-winery {margin-right: width-of-space-needed;}
Re: I give up!
I really appreciate the suggestions! However, I still must be doing something wrong. Here is what I have now after using the excludeprefix suggestion. http://www.utfu.com/cms
As you can see, I have the two nav menus but they are on top of eachother and not staying within my header. I am so close. Can you tell me what I am doing wrong?
here are links to the template and css:
http://www.utfu.com/cms/tmp/template.php
http://www.utfu.com/cms/tmp/stylesheet.css
As you can see, I have the two nav menus but they are on top of eachother and not staying within my header. I am so close. Can you tell me what I am doing wrong?
here are links to the template and css:
http://www.utfu.com/cms/tmp/template.php
http://www.utfu.com/cms/tmp/stylesheet.css
Re: I give up!
Seems to me that both of your menus have the same ID=navigation! <ul id="navigation"> ...
Since your CSS says float:left; AND position:absolute; this cannot work.
Fisrt: Change the ID of one menu to something else or make it a class.
Second:
Remove position:absolute; and bottom:135px; and both menus will show up seperately. From this point forward you can style them.
Since your CSS says float:left; AND position:absolute; this cannot work.
Fisrt: Change the ID of one menu to something else or make it a class.
Second:
Remove position:absolute; and bottom:135px; and both menus will show up seperately. From this point forward you can style them.
